让pc端网页兼容小屏幕手机浏览器
03月30日
如果您的网站没有做任何的手机端适配处理,那么在手机下浏览就会出现乱码、错位、缩小等问题,如果您的客户此时正在手机浏览器这个网站,那么可能就会直接放弃访问,如何让pc端网页兼容小屏幕手机浏览器? 在网页<head></head>中加入以下代码,就可以正常显示了(手机下仍会缩小,呈现出pc的缩小版,可以手动方法进行浏览):
<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">
结语:
要想网站适配手机端,背后其实是要做很多工作的,通过加这一句代码说带来的效果并不是很好,网站要想快速适配手机,推荐跨屏平台网站添加一行代码,快速适配手机方案。