放大时元素变大

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。并且您不能使用（％）来解决您的问题。只有px。如果你设置

height:450px;width:450px;

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