操作方法 - 響應式影像
學習如何使用 CSS 建立響應式影像。
響應式影像將自動調整以適應螢幕尺寸。
調整瀏覽器視窗大小以檢視響應效果
如何建立響應式影像
步驟 1) 新增 HTML
示例
<img src="nature.jpg" alt="Nature" class="responsive">
步驟 2) 新增 CSS
如果您希望影像在響應時能夠放大和縮小，請將 CSS width 屬性設定為 100%，並將 height 設定為 auto
如果您希望影像在需要時縮小，但絕不會放大超過其原始尺寸，請使用 max-width: 100%
如果您想將響應式影像限制為最大尺寸，請使用 max-width 屬性，並使用您選擇的畫素值
訪問我們的 CSS 影像教程，瞭解更多關於如何設定影像樣式的資訊。
請訪問我們的 CSS RWD 教程 瞭解更多關於響應式網頁設計的資訊。
