请问兼容笔记本的css布局@media媒介查询怎么写？

Question

目前的项目要兼容笔记本和台式电脑。
但是笔记本的尺寸是多大的。？
笔记本@media怎么写

Answer 1

笔记本的分辨率一般也就1366x768和1440x900需要适配，分别对应13寸屏和14寸屏，1920x1080这种屏基本和台式分辨率接轨的就不多说了。但是会有个比较头疼的问题，就是高分屏适配（主要是修改了系统DPI的这部分），我的处理方式类似于移动端的手法，即用DPR媒体适配语句（兼容写webkit和moz的基本就够了）配合font-size做整体的缩放，这样一方面可以兼容到高分屏，另一方面还可以部分应对用户不小心做了网页缩放这种误操作。页面框架用bootstarp的，这块可能要把原文件改一下，否则碰到高分屏妥妥会崩（各种变大的那种）。

Answer 2

现在笔记本的屏幕也有很大的 你可以像下边这样写

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

如果不是的话 你说的是自适应 还是什么?