设备宽度是指显示器的分辨率(例如1024x768从1024x768),而宽度是指浏览器本身的宽度(如果浏览器未最大化,则与分辨率不同)。如果您的分辨率足够大,可以让您进入一个断点,但是浏览器的宽度足够小,可以使您进入另一个断点,那么您将得到两者的奇怪组合。
除非有正当的理由根据分辨率而不是视口的大小限制样式表,否则只需使用min-width
/ max-width
并避免使用min-device- width
/ max-device-width
。
CSS媒体查询的最小宽度和最小设备宽度是否冲突?
设备宽度是指显示器的分辨率(例如1024x768从1024x768),而宽度是指浏览器本身的宽度(如果浏览器未最大化,则与分辨率不同)。如果您的分辨率足够大,可以让您进入一个断点,但是浏览器的宽度足够小,可以使您进入另一个断点,那么您将得到两者的奇怪组合。
除非有正当的理由根据分辨率而不是视口的大小限制样式表,否则只需使用min-width
/ max-width
并避免使用min-device- width
/ max-device-width
。