《學習之響應式Web設計：Media Queries和Viewports》文章已經(jīng)歸檔，站長之家不再展示相關(guān)內(nèi)容，下文是站長之家的自動化寫作機器人，通過算法提取的文章重點內(nèi)容。這只AI還很年輕，歡迎聯(lián)系我們幫它成長：
什么是響應式Web設計（ResponsiveWebdesign）？...
響應式Web設計是一種Web設計和開發(fā)能夠根據(jù)屏幕大小、平臺和方向?qū)τ脩舻男袨楹铜h(huán)境做出響應的設計...
響應式網(wǎng)頁設計使用@mediaqueries根據(jù)瀏覽器的寬度和CSS來改變頁面的布局...
原因是移動端瀏覽器（iPhone/Safari，Android/Chrome和Fennec）會默認頁面是為寬屏幕設計的，所以將它縮小整個頁面來適應小屏幕...
結(jié)果就是，頁面CSS規(guī)則是適應480px的，另外scale還是1.5...
為什么？根據(jù)CSS3對mediaqueries的描述，device-width在mediaqueries里表示的是輸出設備表面渲染的寬度...
測試表明，大多數(shù)桌面瀏覽器把device-width和width當作同義詞...
......
本文由站長之家用戶“博客園”投稿，本平臺僅提供信息索引服務。由于內(nèi)容發(fā)布時間超過平臺更新維護時間，為了保證文章信息的及時性，內(nèi)容觀點的準確性，平臺將不提供完整的內(nèi)容展現(xiàn)，本頁面內(nèi)容僅為平臺搜索索引使用。需閱讀完整內(nèi)容的用戶，請聯(lián)系作者獲取原文。
（舉報）