色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

css圖片原始尺寸

林子帆2年前12瀏覽0評論

CSS中使用圖片時,我們通常會設置圖片的尺寸來適應頁面的布局。然而,有時候我們想要使用圖片的原始尺寸來展示圖片的更多細節。

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

以上的CSS代碼可以幫助我們展示圖片的原始尺寸。首先,我們將寬度和高度都設置為自動,這也就意味著不再按照我們設置的尺寸來顯示圖片。然后我們再使用max-widthmax-height屬性將圖片尺寸最大限制為100%。

當我們想要展示圖片的原始尺寸時,我們還需要記得在HTML中設置heightwidth屬性為圖片的原始尺寸。

example

以上代碼演示了如何在HTML中設置圖片的原始尺寸。我們可以看到,這里我們給出了圖片的高度和寬度屬性為800和1200。這樣,即使我們在CSS中對圖片的尺寸進行了設置,也能夠展示圖片的原始尺寸。

總結來說,設置圖片的原始尺寸需要在CSS中設置widthheight為自動,使用max-widthmax-height屬性限制圖片最大尺寸。同時,在HTML中設置圖片的原始尺寸來確保圖片展示最佳效果。