在網(wǎng)頁開發(fā)中，經(jīng)常會(huì)遇到需要在頁面中插入圖片的情況。不過在插入圖片時(shí)，有時(shí)候圖片顯示出來的大小并不是我們真正想要的大小。這時(shí)候，我們就需要使用 CSS 來讓圖片顯示原始大小。 在 CSS 中，可以通過設(shè)置圖片的 width 和 height 屬性來對(duì)圖片大小進(jìn)行控制。如果將這兩個(gè)屬性都設(shè)置為 auto，則圖片會(huì)按照原始大小進(jìn)行顯示。如下是一個(gè)示例：

img {
width: auto;
height: auto;
}

需要注意的是，如果在 img 標(biāo)簽中設(shè)置了 width 或 height 屬性，那么 CSS 中設(shè)置的值將會(huì)被覆蓋。因此，在設(shè)置圖片大小時(shí)，最好只在 CSS 中進(jìn)行設(shè)置。 除了通過 width 和 height 屬性來控制圖片大小之外，還可以通過 max-width 和 max-height 屬性來實(shí)現(xiàn)同樣的效果。這兩個(gè)屬性的作用是限制圖片的大小，如果圖片實(shí)際大小大于設(shè)置的限制值，則會(huì)按照設(shè)置的大小進(jìn)行縮放。示例如下：

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

通過以上代碼，可以讓圖片按照原始大小進(jìn)行顯示。這種方法不僅可以幫助我們控制圖片顯示的大小，還可以確保圖片在不同設(shè)備上顯示的效果一致，提高了圖片的可視性。 總之，無論采用哪種方法，讓圖片原尺寸顯示都是很容易實(shí)現(xiàn)的。只需要對(duì)圖片的大小進(jìn)行簡單的 CSS 控制，即可滿足我們的需求。