CSS中的img元素可以根據高縮放,在不失真的情況下,讓圖片自適應不同的尺寸。
img { height: auto; max-width: 100%; }
上述代碼可以讓img元素按照高度自適應,同時限制了最大寬度,避免圖片的變形。
這個方法對于響應式布局非常有用,可以讓網站在不同設備上都能夠良好的展示圖片。同時,也讓網站的加載速度更快,因為圖片不會過大而影響加載時間。
上一篇css img有縫隙
下一篇css img撐開全屏
CSS中的img元素可以根據高縮放,在不失真的情況下,讓圖片自適應不同的尺寸。
img { height: auto; max-width: 100%; }
上述代碼可以讓img元素按照高度自適應,同時限制了最大寬度,避免圖片的變形。
這個方法對于響應式布局非常有用,可以讓網站在不同設備上都能夠良好的展示圖片。同時,也讓網站的加載速度更快,因為圖片不會過大而影響加載時間。