html - 放大时元素变大

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

.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

最佳答案

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

使用CSS：您可以在页面中创建断点。因此，在您设置的分辨率中，页面将具有响应性。您可以检查This。并且您不能使用（％）解决您的问题。仅与px。如果您设定

height:450px;width:450px;

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

关于html - 放大时元素变大，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/34560153/