Question

当我尝试更改浏览器的大小时，如何防止图像大小调整？这是我所谈论的example。尝试调整浏览器的大小，您会看到图像没有变化。这似乎很简单，但我已经尝试了所有我认识不成功的事情。

由于

Answer 1

试试这个

CSS

.hero img
{
width:500px; !important /* desired pixel value */
}

希望这会有所帮助..

Answer 2

有许多方法可以确保图像尺寸不会发生变化。

<!DOCTYPE html>
<html>
    <style>
    img {
        width = 100px;//or any size you want but not in '%'
        height = auto;//or in px or in em
    }
    </style>
    <body>
        <img src="imgsrc" alt='img'>
    </body>
</html>

宽度可以是您想要的任何尺寸，但要确保使用的长度单位应该是绝对单位。在css中是绝对单位：

cm（厘米）
mm（毫米）
in（inches）
px（像素）
pt（分，1分是72英寸）
pc（picas，1picas是积分的第12部分）

如果您想使用＆＃39; em＆＃39;因为必要的1em意味着当前的字体大小，然后您可以以px发送当前字体大小，这是绝对的并且不受浏览器重新调整大小的影响。

与高度相同，但您应将高度设置为auto，因为在这种情况下，您将保留原始图像的纵横比。

For more information on CSS units of length refer this w3-school reference.

我在调整浏览器大小时如何防止图像大小发生变化

2 个答案: