html - 当尺寸大于 1024 像素时如何更改背景(添加边框)

标签 html css media-queries

当屏幕尺寸大于 1024 像素时,我想在我的网站中添加边框和背景。

我在我的代码中使用了这个:

(max-width: 1024) { background-image: url("Gutter.png"), url(Background.png);
        background-position: left, center;
    }

但即使在大于 1024 像素的屏幕中也只会出现背景。

最佳答案

媒体查询的正确格式如下:

@media all and (max-width:1024px) {
    #selector {
        background-image: ...;
        background-position: ...;
    }
}

关于html - 当尺寸大于 1024 像素时如何更改背景(添加边框),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18234595/

相关文章:

html - 悬停在图像上的图标

php - 使用 Jquery 显示上传传输时间?

javascript - 在所有元素 jquery 数据表之上显示弹出窗口

css - 为什么 @media 查询不起作用?

HTML img srcset/size 不适用于 iPhone 4S

html - 只显示图像的一小部分

jquery - 通过 chrome inspector css 查找图像的根路径

javascript - jquery 自动完成下拉菜单是透明的

css - Bootstrap 图像的跨度全宽

javascript - 如果显示站点的替代版本则弹出