CSS中設(shè)置圖片不隨窗口變化的方法

在CSS中，我們可以通過設(shè)置圖片的max-width和height屬性來限制圖片的尺寸，使其不隨窗口變化，下面是一個示例代碼：

img {
  max-width: 100%;
  height: auto;
}

在這個示例中，我們將圖片的max-width設(shè)置為100%，這意味著圖片的***大寬度不會超過其包含元素的寬度，我們將height屬性設(shè)置為auto，這可以確保圖片的高度根據(jù)其寬度進(jìn)行自動調(diào)整，從而保持其原始的長寬比。

這種方法僅適用于塊級元素（如<div>或<section>）內(nèi)部的圖片，如果圖片位于行內(nèi)元素（如<span>或<a>）內(nèi)部，則可能需要使用其他方法來實現(xiàn)相同的效果。

如果您希望圖片在窗口大小變化時能夠保持固定的尺寸，那么您可以將圖片的寬度和高度設(shè)置為具體的像素值，而不是使用百分比或自動調(diào)整的方法。

img {
  width: 300px;
  height: 200px;
}

在這個示例中，無論窗口大小如何變化，圖片都將保持為300像素寬和200像素高，這種方法適用于需要***控制圖片尺寸的情況。