css的媒体查询怎么写宽度1200px到1920px的样式
在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。如果屏幕的宽度在这个范围内,那么媒体查询内的样式规则就会生效。
你可以根据需要自定义样式规则,比如设置背景颜色、设置容器的宽度和居中等
原文地址: https://www.cveoy.top/t/topic/hMu2 著作权归作者所有。请勿转载和采集!