浏览器缩放如何影响CSS中定义的像素？

Question

例如：我有一个宽度为300px的元素。然后，如果我放大，我仍然有宽度为300px的元素，但每个CSS像素会更大。但是，如果我设置最大宽度：1000px，然后将在一个时刻放大元素开始收缩宽度。为什么？

Answer 1

原因是因为最大宽度是为了防止元素缩放到1000像素以上，任何时候容器宽度或屏幕与小于1000像素的元素将响应50％的宽度。

element { 
    width: 50%; 
    max-width: 1000px; 
} 

设置300px的固定宽度时，元素不再响应，并且无法根据屏幕的缩放或调整大小来调整元素大小。因此，在放大元素时，要保留它的大小，所以在下面的代码中，最大宽度不相关，因为元素不会超过300px。

element { 
    width: 300px; 
    max-width: 1000px; 
} 

让我知道如果您有任何问题。