有没有懂CSS样式的大佬帮忙看看啥问题

nisekoi

本帖最后由 nisekoi 于 2019-3-24 12:11 编辑

本人是CSS菜鸡，都是百度搜的代码
下面是我瞎搞的代码，在这么输入的时候第一行和第三行可以生效（不显示第二行的图片，但是缩小浏览器到宽度超过2200之后会显示第一行的图片）。但是第二行没效果。

如果删掉第一行的代码，第二三行就可以生效，（可以直接显示第二行的背景图片）



/*2560*1080分辨率背景图片*/
@media screen and (min-width:2200px) and (max-width: 3500px){#bg{background-image:url(图片地址);background-position:center center}

/*16:9分辨率下背景图片*/
@media screen and (min-width:1440px){#bg{background-image:url(图片地址);background-position:center center}


/*手机端背景图片*/
@media screen and (max-width:991px){#bg{background-image:url(图片地址);background-position:center center}

nisekoi

虽然可以直接定义一个通用的16:9分辨率图片。然后调其他两个，但是感觉好不爽