max(min)-device-width和max(min)-width的区别

Posted ycg-myblog

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了max(min)-device-width和max(min)-width的区别相关的知识,希望对你有一定的参考价值。

max-device-width和max-width的区别

max-device-width和max-width是有区别的,表现在如下几个方面:

1、max-device-width是设备整个显示区域的宽度,例如,真实的设备屏幕宽度。

2、max-width是目标显示区域的宽度,例如,浏览器宽度。

3、如果使用max-device-width,那么在PC浏览器上浏览网页时,缩小或放大浏览器时是不执行CSS的,因为“PC设备”没有变化。但如果使用max-width,缩小或放大浏览器时是执行CSS的,因为“显示区域”即浏览器大小发生了变化。

4、如果使用max-device-width,那么当手机由竖变横时,CSS是不执行的,因为“手机宽度”并没有变化。如果使用max-width,那么当手机由竖变横时,CSS是执行的,因为“显示区域”发生了变化。

5、通常,面向“移动设备”用户使用max-device-width;面向“PC设备”用户使用max-width。

 

以上是关于max(min)-device-width和max(min)-width的区别的主要内容,如果未能解决你的问题,请参考以下文章

C语言中“max”和“min”如何使用?

@size(max = value) 与 @min(value) 和 @max(value) 之间的区别

tf.fake_quant_with_min_max_args 和 tf.fake_quant_with_min_max_vars 有啥区别

Math.min() Math.max() Math.min().apply() Math.max() .apply()该如何使用???

随机获取min和max之间的一个整数

使用 min/max-width 和 min/max-device width 让多个媒体查询工作时遇到问题