本文介绍了在移动端开发中如何实现HTML和CSS的自适应布局。通过在头部添加相应设置，以640px作为基准进行页面设计，同时指出苹果手机存在不执行非button标签点击事件的问题。此外，二维码识别需使用img标签。为了实现设备宽度与文档宽度的1:1匹配并限制最大缩放，可以使用CSS和JavaScript（如rem.js）。参考链接提供了更多详细信息。
头部一定要添加，然后以640px为基准来编辑页面，苹果手机不执行button按钮以外标签的点击事件。二维码识别必须要用图片标签，不能用其他的，手机支持图片识别。
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
强制让文档的宽度与设备的宽度保持1:1，并且文档最大的宽度比例是1.0，且不允许用户点击屏幕放大浏览；
rem.js
(function(doc,win){
var docEl = doc.documentElement,resizeEvt = 'orientationchange' 
2731
1180
2611
1285
1243
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
最低0.47元/天 解锁文章
扫一扫
