例如:我有一个宽度为 300px 的元素。然后,如果我放大,我仍然有宽度为 300px 的元素,但每个 css 像素都会更大。但是如果我设置 max-width: 1000px 然后将在某一时刻放大元素开始收缩宽度。为什么?
最佳答案
这是因为最大宽度是为了防止元素缩放超过 1000 像素,只要容器宽度或屏幕小于 1000 像素,元素就会响应宽度的 50%。
element {
width: 50%;
max-width: 1000px;
}
当设置固定宽度 300px 时,元素不再响应并且无法根据屏幕的缩放或调整大小来调整大小。因此,当放大元素时会保持其大小,因此在下面的代码中,最大宽度不相关,因为元素永远不会超过 300 像素。
element {
width: 300px;
max-width: 1000px;
}
如果您有任何问题,请告诉我。
关于html - 浏览器缩放如何影响 CSS 中定义的像素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14257021/