<sup id="4ou48"><samp id="4ou48"></samp></sup>
<tt id="4ou48"></tt>
<sup id="4ou48"></sup>
<tt id="4ou48"></tt>

公司網站制作響應式布局的應用

日期 : 2021-01-25 22:42:54
        響應式布局的應用。要很好地實現響應式布局, 主要依賴的技術有:HTML5的Viewport, CSS3的Media Query和流式布局的技術。

        通過CSS中的媒體查詢Media Query來實現響應式布局, 其實就是達到不同的響應點 (多為屏幕分辨率) 時觸發媒體查詢中的代碼, 所以我們還需對現有設備的屏幕分辨率進行了解后, 再對響應點進行合理的設置。

        目前根據市場上主流終端的分辨率可以大致地進行如下的設置:PC端-大屏幕:至少1200px, 常規:至少960px;平板豎屏-至少768px, 手機到平板-至少767px, 手機-至多480px。當然這種設置會隨著終端市場份額的改變而改變。有了對各種終端設備的響應點了解后, 就可以運用Media Query進行響應式布局的設計了。
相關文章
金福彩票