請(qǐng)問(wèn)兼容筆記本的css布局@media媒介查詢(xún)?cè)趺磳?xiě)？

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

@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;
    }
}

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

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