標題：CSS 怎樣使圖片不被放大

隨著互聯網的普及，越來越多的用戶喜歡用圖片作為自己的網站或博客的主要視覺元素。然而，使用圖片時，經常會遇到圖片被放大的問題，這可能會給用戶帶來不良的體驗。本文將介紹如何在 CSS 中控制圖片的大小，從而避免圖片被放大的問題。

CSS 可以控制頁面中的元素的的大小和位置，包括圖片。通過使用 CSS 的 `width` 和 `height` 屬性來控制圖片的大小，從而保持圖片與原始大小一致。

以下是一些示例代碼，可以幫助您控制圖片的大?。?/p>

width: 100%;

height: auto;

此代碼將使用 `width: 100%;` 來使圖片寬度與頁面寬度相等，并將其高度設置為 `auto`，這意味著圖片將根據其寬度的大小自動調整高度。

width: 100%;

height: 100%;

object-fit: contain;

此代碼將使用 `width: 100%;` 和 `height: 100%;` 來使圖片寬度和高度與頁面寬度相等，并使用 `object-fit: contain;` 來控制圖片的透明度和放大程度，從而保持圖片與原始大小一致。

width: 100%;

height: 100%;

display: inline-block;

此代碼將使用 `display: inline-block;` 來使圖片采用表格模式顯示，從而使其大小不受 CSS 層疊樣式表的影響。

總之，通過使用 CSS 的 `width` 和 `height` 屬性來控制圖片的大小，從而保持圖片與原始大小一致，可以避免圖片被放大的問題，并提供良好的用戶體驗。