html - 放大时元素变大

Question

即使我为图像元素设置了最大宽度/高度，当我放大页面时它仍会向上延伸。这里有什么帮助:)？

.column img {
    width: 80%;
    height:450px;
    max-height:450px;
    min-height:450px;
    max-width:80%;
    border-radius: 50%;
    border: 1px solid black;
    margin-bottom: 20px;
    box-shadow: 6px 6px 6px #000;
}

website 100% view

website 120% view

Answer 1

如果您只想使用 CSS，我知道一种解决此问题的方法。

使用 CSS:您可以在页面中创建断点。因此，在您设置的分辨率中，您的页面将响应。你可以查看This .而且您不能使用 (%) 来解决您的问题。只有像素。如果你设置

高度:450px;宽度:450px;

这将适用于圈子，但不会响应。并且宽度的像素必须与高度相同。和 BootStrap是一些可以帮助您进行响应式设计的文件。