为什么这里测出来的是等于450呢？
来源：2-3 Viewport_Meta标签
Carrie_IT
2015-09-21 15:43
为什么这里测出来的是等于450呢？
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=320" >
<title>无标题文档</title>
<style type="text/css">
*{ padding:0; margin:0;}
.pic{ width:320px; height:568px; background:#ffe872; color:#fff; font-size:150px; text-align:center; line-height:1136px; background-size:auto;}
</style>
</head>
<body>
<div class="pic">yellow</div>
</body>
</html>
写回答
关注
1回答
-
- Loliner
- 2015-12-17 09:35:34
因为你的字体太大太长了，把度量viewport撑开了。设备会根据页面大小，为显示整个页面，自动调整缩放比。
如果你的和我一样的话，视图中的缩放比应该是0.7。你把字体调小一些，比如调成15px，那么你重新打开页面，度量viewport和布局viewport就会一样了，此时缩放比也就是1了。
Hello，移动WEB
课程介绍移动web的开发基础，排版布局，常见移动web问题
110229 学习 · 177 问题
相似问题