RWD：修訂版本之間的差異
出自福留子孫
（→何為響應式網頁？） |
|||
| 第 1 行： | 第 1 行： | ||
[[分類:程式語言]] | [[分類:程式語言]] | ||
| + | ==概論== | ||
===何為響應式網頁？=== | ===何為響應式網頁？=== | ||
| − | + | 響應式網頁設計(英語：Responsive web design，通常縮寫為RWD)，或稱自適應網頁設計、回應式網頁設計、對應式網頁設計。 是一種網頁設計的技術做法，該設計可使網站在不同的裝置(從桌面電腦顯示器到行動電話或其他行動產品裝置)上瀏覽時對應不同解析度皆有適合的呈現，減少使用者進行縮放、平移和捲動等操作行為。 | |
| + | |||
| + | ==方法== | ||
| + | ===圖片=== | ||
| + | <pre>img{ | ||
| + | max-width:100%; /*不使用width:100% 是因避免圖片解析度不好，隨父元素被放大時會糊掉*/ | ||
| + | height:auto; | ||
| + | }</pre> | ||
2021年5月29日 (六) 20:39的修訂版本
概論
何為響應式網頁？
響應式網頁設計(英語：Responsive web design，通常縮寫為RWD)，或稱自適應網頁設計、回應式網頁設計、對應式網頁設計。 是一種網頁設計的技術做法，該設計可使網站在不同的裝置(從桌面電腦顯示器到行動電話或其他行動產品裝置)上瀏覽時對應不同解析度皆有適合的呈現，減少使用者進行縮放、平移和捲動等操作行為。
方法
圖片
img{
max-width:100%; /*不使用width:100% 是因避免圖片解析度不好，隨父元素被放大時會糊掉*/
height:auto;
}
