手机端预览的比例不对

浏览器直接缩小是可以的!如图宽度750px和实际一样图(1

),但是控制台设置到750px宽度,实际却是980px,如图(2)

图片描述

但是控制台设置到750px宽度,实际却是980px,如图
图片描述

阅读 2.8k
3 个回答

解决了,head里加一句这个就可以了呢
<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
原文解释http://www.xingbell.com/news-...

你那是81%吧……

设置的是 width = 780px,实际是 980px

估计你的计算宽度的方法错了。

下面是正确的计算方式,你看下:

实际的宽度 = 
    第一种情况:box-sizing = content-box (你现在的碰到的就属于这种):
        totalWidth = width + paddingLeft + paddingRight + borderLeftWidth + borderRightWidth
    第二种情况:box-sizing = border-box:
        1. IE 浏览器下,同第一种情况
        2. 非 IE 浏览器下(`chrome`之类的) :totalWidth = width
推荐问题