移动web页面,怎么实现高度100%,宽度不限制,而且禁用缩放?

朕知道了
  • 289

求各位指点一下,谢谢,网上实在搜不到解决方法。meta 这样写,还是可以缩放。如下
<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />

回复
阅读 10.5k
2 个回答
✓ 已被采纳

我是这么写的:

<meta content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1" name="viewport">

然后在元素的css里写高度height:100%

然后内容滚动的问题,目前知道并尝试过的有两种方案:

  1. 局部块元素给css -webkit-overflow-scrolling:touch;overflow:auto;
  2. 利用iScroll.js插件,具体用法什么的还请自己查下
Google
  • 3
新手上路,请多包涵

html, body{ height:100%; } 然后子元素也设置高度100%

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏