问题:做手机端时不希望页面被放大或缩小导致变形
解决:使用meta标签
方法:
<meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no'>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
将上面的代码放入页面title标签前
为了兼容部分小设备,去除width, initial-scale, maximum-scale, minimum-scale 4个属性。