CSS媒体查询：如何设置1200px到1920px屏幕宽度的样式

在CSS中，你可以使用媒体查询来针对不同的屏幕宽度应用不同的样式。下面是一个示例，展示了如何使用媒体查询来针对宽度在1200px到1920px之间的屏幕应用样式：\n\ncss\n@media screen and (min-width: 1200px) and (max-width: 1920px) {\n /* 在1200px到1920px之间的屏幕宽度应用的样式 */\n body {\n background-color: red;\n }\n \n .container {\n width: 80%;\n margin: 0 auto;\n }\n \n /* 其他样式规则 */\n}\n\n\n在上面的示例中，我们使用了@media关键字来定义一个媒体查询。screen表示这个媒体查询适用于屏幕设备。min-width: 1200px表示屏幕宽度至少为1200px，max-width: 1920px表示屏幕宽度最大为1920px。如果屏幕的宽度在这个范围内，那么媒体查询内的样式规则就会生效。\n\n你可以根据需要自定义样式规则，比如设置背景颜色、设置容器的宽度和居中等。