手动实现flexiable适配

public/js/flexiable.js

@@ -0,0 +1,40 @@
+(function(global, factory) {
+	if (typeof module === 'object' && typeof module.exports === 'object') {
+		module.exports = factory();
+	} else if (typeof define === 'function' && define.amd) {
+		define(factory());
+	} else if (typeof define === 'function' && define.cmd) {
+		define(function(require, exports, module) {
+			module.exports = factory();
+		});
+	} else {
+		global.flexiable = factory();
+	}
+})(this, function() {
+	function isMobile() {
+		return /(iPhone|iPad|iPod|iOS|Android)/i.test(navigator.userAgent);
+	}
+	function execute(rem = 16, designWidth = document.documentElement.clientWidth) {
+		const dpr = window.devicePixelRatio || 1;
+		const clientWidth = document.documentElement.clientWidth;
+		const width = clientWidth * dpr;
+		const scale = 1 / dpr;
+		const remCalc = (rem * width) / designWidth;
+		let viewport = document.querySelector('meta[name="viewport"]');
+		if (!viewport) {
+			viewport = document.createElement('meta');
+			viewport.setAttribute('name', 'viewport');
+			document.head.insertAdjacentElement('afterbegin', viewport);
+		}
+		viewport.setAttribute(
+			'content',
+			`width=${width}, user-scalable=no, initial-scale=${scale}, maximum-scale=${scale}, minimum-scale=${scale}`
+		);
+		document.head.insertAdjacentHTML('beforeend', `<style>html { font-size: ${remCalc}px!important; }</style>`);
+	}
+	return function(rem, designWidth) {
+		if (isMobile()) {
+			execute(rem, designWidth);
+		}
+	};
+});

src/components/Header/style.module.scss

@@ -31,7 +31,7 @@
 	}
 	.menuIcon {
 		display: none;
-		font-size: 20px;
+		font-size: 1.33rem;
 		margin: 0 0.35rem 0 1rem;
 	}
 

src/components/Link/style.module.scss

@@ -3,7 +3,7 @@
 	position: relative;
 	color: $main-color;
 	text-transform: capitalize;
-	line-height: 36px;
+	line-height: 2.3rem;
 	display: inline-block;
 	text-decoration: unset !important;
 	cursor: pointer;

src/styles/fix.scss

@@ -38,6 +38,7 @@ body {
 
 * {
 	box-sizing: border-box;
+	-webkit-tap-highlight-color: transparent;
 }
 
 code {