为了账号安全,请及时绑定邮箱和手机立即绑定

为什么这里测出来的是等于450呢?

为什么这里测出来的是等于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>


http://img1.sycdn.imooc.com//55ffb4db000146a605130663.jpg

正在回答

1 回答

因为你的字体太大太长了,把度量viewport撑开了。设备会根据页面大小,为显示整个页面,自动调整缩放比。

如果你的和我一样的话,视图中的缩放比应该是0.7。你把字体调小一些,比如调成15px,那么你重新打开页面,度量viewport和布局viewport就会一样了,此时缩放比也就是1了。

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

为什么这里测出来的是等于450呢?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信