移动端应用专用新手必看

最新推荐文章于 2024-08-21 08:30:00 发布

掠影浮华

最新推荐文章于 2024-08-21 08:30:00 发布

阅读量179

点赞数 1

分类专栏：学习文章标签：移动端

本文链接：https://blog.csdn.net/weixin_44088986/article/details/87970049

版权

学习专栏收录该内容

13 篇文章 0 订阅

订阅专栏

<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
		<meta charset="UTF-8">
		<!--避免IE使用兼容模式-->
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<!--优先使用 IE 最新版本和 Chrome:-->
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<!--WebApp全屏模式   隐藏地址栏。-->
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<!--禁止百度转码显示。-->
		<meta http-equiv="Cache-Control" content="no-siteapp">
		<!--忽略页面中的数字识别为电话，忽略email识别：-->
		<meta name="format-detection" content="telphone=no, email=no" />
		<title>title</title>
		<link rel="stylesheet" href="reset.css">
		<!--设置rem-->
		<script type="text/javascript">
			(function(doc, win) {
				var docEl = doc.documentElement,
					// orientationchange 事件是在用户水平或者垂直翻转设备（即方向发生变化）时触发的事件。
					// onresize 事件会在窗口或框架被调整大小时发生。
					resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
					recalc = function() {
						window.clientWidth = docEl.clientWidth;
						if (!window.clientWidth) return;
						docEl.style.fontSize = 50 * (window.clientWidth / 375) + 'px';
						window.base = 50 * (window.clientWidth / 375);
					};
				if (!doc.addEventListener) return;
				win.addEventListener(resizeEvt, recalc, false);
				doc.addEventListener('DOMContentLoaded', recalc, false);
			})(document, window);
		</script>