檢視 RWD 的原始碼
←
RWD
跳轉到:
導覽
、
搜尋
根據以下的原因,您並無權限去做編輯這個頁面:
您剛才的請求只有這個使用者組的使用者才能使用:
使用者
你可以檢視並複製本頁面的原始碼。
[[分類:程式語言]] ==概論== ===何為響應式網頁?=== 響應式網頁設計(英語:Responsive web design,通常縮寫為RWD),或稱自適應網頁設計、回應式網頁設計、對應式網頁設計。 是一種網頁設計的技術做法,該設計可使網站在不同的裝置(從桌面電腦顯示器到行動電話或其他行動產品裝置)上瀏覽時對應不同解析度皆有適合的呈現,減少使用者進行縮放、平移和捲動等操作行為。 ==方法== ===圖片=== <pre>img{ max-width:100%; /*不使用width:100% 是因避免圖片解析度不好,隨父元素被放大時會糊掉*/ height:auto; }</pre> 參考[https://ithelp.ithome.com.tw/articles/10220731 響應式圖片設計],待續。 ====要領==== #RWD網頁中,LOGO建議是用svg格式的圖片,才不會因瀏覽器的大小而導致圖片失真。
返回到
RWD
。
導航
個人工具
登入
名字空間
頁面
討論
變換
檢視
閱讀
檢視原始碼
檢視歷史
動作
搜尋
導覽
首頁
近期變動
隨機頁面
使用說明
工具箱
連入頁面
相關頁面修訂記錄
特殊頁面
頁面資訊