html5比例缩放,网页比例缩放

HTML5手机端页面缩放问题应该如何解决？

咱们写HTML5手机端的时候，会发现显示元素比例不正确，我们在head里面添加一段meta

name=“viewport”content=“width=device-width，initial-scale=1”即可。

注意，这只是其中一段代码，做过参考罢了，其他建议去百度一下，里面有很多博客

[img]

相关问答

Q1: html5网页按比例缩放

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

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

Q2: HTML5 baidu.com页面缩小是如何先做到居中效果，缩小一定比例后页面结构固定不变的？

用自适应或者响应式，但是百度首页是用固定内容框的，也就是类似以下结构：

div class="box"

div class="contant"/div

/div

css:

.box{width:1200px;margin:0 auto;}

.contant{width:600px;height:300px;background:blue;float:left;margin-left:calc((100% - 600px))/2;}