在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  HTML/ 請問兼容筆記本的css布局@media媒介查詢怎么寫?

請問兼容筆記本的css布局@media媒介查詢怎么寫?

目前的項目要兼容筆記本和臺式電腦。
但是筆記本的尺寸是多大的。?
筆記本@media怎么寫

回答
編輯回答
紓惘

現(xiàn)在筆記本的屏幕也有很大的 你可以像下邊這樣寫

@media screen and (min-width: 1000px) and (max-width: 2000px) {
    body {
        background-color: red;
    }
}
@media screen and (min-width: 2000px) and (max-width: 3000px) {
    body {
        background-color: blue;
    }
}

如果不是的話 你說的是自適應(yīng) 還是什么?

2017年12月31日 00:41
編輯回答
乖乖噠

筆記本的分辨率一般也就1366x768和1440x900需要適配,分別對應(yīng)13寸屏和14寸屏,1920x1080這種屏基本和臺式分辨率接軌的就不多說了。但是會有個比較頭疼的問題,就是高分屏適配(主要是修改了系統(tǒng)DPI的這部分),我的處理方式類似于移動端的手法,即用DPR媒體適配語句(兼容寫webkit和moz的基本就夠了)配合font-size做整體的縮放,這樣一方面可以兼容到高分屏,另一方面還可以部分應(yīng)對用戶不小心做了網(wǎng)頁縮放這種誤操作。頁面框架用bootstarp的,這塊可能要把原文件改一下,否則碰到高分屏妥妥會崩(各種變大的那種)。

2017年12月21日 20:41