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