使用 CSS 調整圖片大小時如何保持寬高比？

在調整圖片大小時保留寬高比

可以透過修改 CSS 來修正圖片調整大小時的寬高比差異。

HTML 程式碼最初指定圖片的寬度和高度屬性，這會覆寫 CSS 規則。為了讓 CSS 優先，應該刪除 height 屬性。

此外，CSS 規則中的 max-width 屬性限制了影像的寬度。但是，高度沒有明確設定。為了確保保持寬高比，高度也應該受到限制，但要尊重原始寬高比。

提供的程式碼片段建議使用 CSS 屬性 display: block, max-width: 230px, max -高度：95px，寬度：自動，高度：自動。這些設定允許影像在最大寬度和最大高度約束內擴展，同時保持其原始縱橫比。因此，影像將調整大小而不會失真或裁剪。

以上是使用 CSS 調整圖片大小時如何保持寬高比？的詳細內容。更多資訊請關注PHP中文網其他相關文章！