Question

我想使用媒体查询开发响应式网页。我还为移动设备，桌子和桌面写了媒体查询。桌面。

如何为设备max-width编写css代码：3840px

我很困惑这是否是编写媒体查询的正确方法，因为我正在为每个＆amp;编写相同的css代码集。每个设备尺寸再次和＆amp;试。

请帮助我继续进行媒体查询。而且我也很困惑是否要采用自适应布局或响应式布局？

Answer 1

@media (max-width: 3840px) {
 /*your css definition */
 /* example: */
 main.div {border: 1px solid red; }
}

Attenion !:这个宽度的css被包裹成花括号，如下所示。

如果要声明范围，请使用以下语法：

@media (min-width: 2120px) and (max-width: 3840px) {
 /*your css definition */
 /* example: */
 main.div {border: 1px solid red; }
}

Answer 2

要创建自适应网站，您需要使用媒体查询，弹性框，最大和最小宽度，视口等。