移动端
xiaozhi_free
这个作者很懒,什么都没留下…
展开
-
禁止html5手机端双击页面放大的问题
制作手机端页面的时候我们都会加入一个meta标签,<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">该meta标签的作用是让当前viewport的宽度等于设备的宽度,同时不允许用户手动缩放。其中 maximum-scale为允...原创 2018-06-01 17:43:06 · 41567 阅读 · 6 评论 -
弹出遮罩层,body不滚动,点击遮罩层非内容区域关闭遮罩层
一 .弹出遮罩层时,控制页面不再滚动,需要给body设置position:fixed;height:100%;overflow-y:hidden;关闭遮罩层后,去掉上述属性即可。二 .另外,手机端还可以通过禁止移动端触屏滑动来解决弹出遮罩层,阻止页面滑动的问题$('body').bind("touchmove",function(e){e.preventDefault();});关闭遮罩层后,解除...原创 2018-06-01 17:42:17 · 3135 阅读 · 0 评论 -
移动端经常出现的兼容问题
1、 安卓浏览器看背景图片,有些设备会模糊。因为手机分辨率太小,如果按照分辨率来显示网页,字会非常小,安卓手机devicePixelRatio比较乱,有1.5的,有2的也有3的。想让图片在手机里显示更为清晰,必须使用2x的背景图来代替img标签(一般情况都是用2倍),或者指定 background一size:contain;都可以2、 防止手机中网页放大和缩小<meta name="view...原创 2018-06-01 17:39:14 · 634 阅读 · 0 评论