Home  >  Q&A  >  body text

css3 - 问一下max-width和max-device-width有什么区别啊

max-widht指展示的最大宽度,一般是浏览器窗口宽度。
max-device-width是指所展示使用的设备支持宽度
查到的是这样的解释的
但我现在不明白的是,这两个都是根据设备的分辨率来的了还是其他的什么了总觉得很混淆
再则说到的max-device-width是屏幕宽度,到底是指分辨率的宽度,还是视口的宽度
如果是指适口的宽度,那max-width和max-device-width不就是指的一个宽度么
两者之间的区别到底是什么了???

怪我咯怪我咯2741 days ago1090

reply all(3)I'll reply

  • 天蓬老师

    天蓬老师2017-04-17 11:16:13

    max-width是展示的最大宽度,但不是浏览器宽度吧。你可以把max-width设得很大,超出浏览器的窗口宽度。
    max-device-width是屏幕宽度,一般是分辨率的宽度。

    reply
    1
  • 迷茫

    迷茫2017-04-17 11:16:13

    在viewport中,有布局视口和可见视口,max-width是设置布局视口的最大宽度,max-device-width是设置可见视口的最大宽度。

    reply
    0
  • 天蓬老师

    天蓬老师2017-04-17 11:16:13

    题主看看这篇文章吧,应该有点帮助。
    http://www.adobe.com/cn/devne...

    reply
    0
  • Cancelreply