在CSS中,你可以使用媒体查询来针对不同的屏幕宽度应用不同的样式。下面是一个示例,展示了如何使用媒体查询来针对宽度在1200px到1920px之间的屏幕应用样式:

@media screen and (min-width: 1200px) and (max-width: 1920px) {
  /* 在1200px到1920px之间的屏幕宽度应用的样式 */
  body {
    background-color: red;
  }
  
  .container {
    width: 80%;
    margin: 0 auto;
  }
  
  /* 其他样式规则 */
}

在上面的示例中,我们使用了@media关键字来定义一个媒体查询。screen表示这个媒体查询适用于屏幕设备。min-width: 1200px表示屏幕宽度至少为1200px,max-width: 1920px表示屏幕宽度最大为1920px。如果屏幕的宽度在这个范围内,那么媒体查询内的样式规则就会生效。

你可以根据需要自定义样式规则,比如设置背景颜色、设置容器的宽度和居中等

css的媒体查询怎么写宽度1200px到1920px的样式

原文地址: https://www.cveoy.top/t/topic/hMu2 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录