html5如何做到页面大小跟浏览器大小一样自动缩放？

html-css025

html5如何做到页面大小跟浏览器大小一样自动缩放？,第1张

楼下正解，就是响应式布局（RWD），可以用一些自动实现的框架，比如bootstrap。

原理我想就是动态css吧，有个东西叫less框架，可以去看看。应该无非就是用百分比代替写死的像素大小。。

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"/>

上面的参数看名知意，按需修改。

html5默认允许用户缩放页面，如果需要禁止缩放，我们需要将user-scalabel=0设置下，具体代码如下：

<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />

注意:meta在head里。