<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"/>
解释:
width – viewport的宽度
height – viewport的高度
initial-scale – 初始的缩放比例
minimum-scale – 允许用户缩放到的最小比例
maximum-scale – 允许用户缩放到的最大比例
user-scalable – 用户是否可以手动缩放
精简点的话,可以把上面的代码更改为以下代码,效果是一样的:
<meta content="width=device-width,user-scalable=no" name="viewport">
结语:
要想网站适配手机端,背后其实是要做很多工作的,通过加这一句代码说带来的效果并不是很好,网站要想快速适配手机,推荐跨屏平台网站添加一行代码,快速适配手机方案。
写在最后,以上就是对于“让pc端网页兼容小屏幕手机浏览器”的一些看法,欢迎指正、交流。
本文标题:让pc端网页兼容小屏幕手机浏览器
浏览地址:http://test.kuaping.com/article/show170.html
027-817-77732
133-434-77732