手机浏览器会有一个默认的viewport视图,将我们写的页面宽度默认为了980px,并且进行缩放填充到手机的浏览器,这里的进行缩放,一般是缩放多少倍啊?
曾经蜡笔没有小新2017-05-16 13:45:30
不对不对, 我帮你捋捋.
viewport不是浏览器行为, 是需要你显式声明在<head>里的, 你的编程行为
你纠结默认多少和缩放多少这个并没有意义, 因为放任这种情况发生本身就是不好的行为..
接下来我再来回答一下你的问题.
如果你没有声明viewport, 那移动端的浏览器会认为页面宽度为980px, 缩放比例是 980/(浏览器默认视口宽度(device-width), 有可能是320, 360, 375), 然后你在不同的设备上看, 会发现他们的缩放比例似乎是不一样的, 这跟 device-width(软件方面) 有关, 也跟屏幕大小和屏幕分辨(硬件方面)有关
嗯...我没认真求证过官方文档或其他, 但感觉应该是这样没错
巴扎黑2017-05-16 13:45:30
那pc端的页面是980px,则缩放后,可以完全显示,如果pc端是1200px,或者更大,那手机端浏览器默认以980px加载,那超出的400px,在手机端显示是时候,是被裁掉还是出现滚动条啊