手机网页缩放自适应问题

这几日做手机网页,发现自己做的页面用Android手机浏览器访问出现了原始的缩放使得页面显示得很小的问题,访问时必须手动进行缩放。这样用户体验就变得比较差了。

经过了一系列的测试还有找资料,发现需要在head里面加一个viewport meta标签,手机浏览器会根据这个meta标签的内容进行调整。

在页面里加入:

<meta name=”viewport” content=”maximum-scale=1.0,width=device-width,initial-scale=1.0″ />

 

就能实现原始大小正常并且不能缩放了。

更多详细内容见这篇viewport不权威指南

发表评论

电子邮件地址不会被公开。 必填项已用*标注