javascript - 手机浏览器会有一个默认的viewport视图,将页面缩放后显示在手机屏幕?
过去多啦不再A梦
过去多啦不再A梦 2017-05-16 13:43:30
0
2
496

手机浏览器会有一个默认的viewport视图,将我们写的页面宽度默认为了980px,并且进行缩放填充到手机的浏览器,这里的进行缩放,一般是缩放多少倍啊?

过去多啦不再A梦
过去多啦不再A梦

全部回复(2)
曾经蜡笔没有小新

不对不对, 我帮你捋捋.
viewport不是浏览器行为, 是需要你显式声明在<head>里的, 你的编程行为
你纠结默认多少和缩放多少这个并没有意义, 因为放任这种情况发生本身就是不好的行为..

接下来我再来回答一下你的问题.

如果你没有声明viewport, 那移动端的浏览器会认为页面宽度为980px, 缩放比例是 980/(浏览器默认视口宽度(device-width), 有可能是320, 360, 375), 然后你在不同的设备上看, 会发现他们的缩放比例似乎是不一样的, 这跟 device-width(软件方面) 有关, 也跟屏幕大小和屏幕分辨(硬件方面)有关

嗯...我没认真求证过官方文档或其他, 但感觉应该是这样没错

巴扎黑

那pc端的页面是980px,则缩放后,可以完全显示,如果pc端是1200px,或者更大,那手机端浏览器默认以980px加载,那超出的400px,在手机端显示是时候,是被裁掉还是出现滚动条啊

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板