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

Question

求各位指点一下，谢谢，网上实在搜不到解决方法。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" />

Answer 1

我是这么写的：

<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插件，具体用法什么的还请自己查下

Answer 2

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