首页  >  问答  >  正文

javascript - 手机浏览器会有一个默认的viewport视图,将页面缩放后显示在手机屏幕?

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

过去多啦不再A梦过去多啦不再A梦2737 天前475

全部回复(2)我来回复

  • 曾经蜡笔没有小新

    曾经蜡笔没有小新2017-05-16 13:45:30

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

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

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

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

    回复
    0
  • 巴扎黑

    巴扎黑2017-05-16 13:45:30

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

    回复
    0
  • 取消回复