nisekoi 发表于 2019-3-24 12:09:38

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

本帖最后由 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 发表于 2019-3-24 12:24:32

虽然可以直接定义一个通用的16:9分辨率图片。然后调其他两个,但是感觉好不爽
页: [1]
查看完整版本: 有没有懂CSS样式的大佬帮忙看看啥问题