html - 为什么背景图像在移动设备上不会改变?

标签 html css

html {
    margin: 0;
    padding: 0;
    background-image: url("./Images/mainPage.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

@media only screen and (max-width: 750px) {
    html {    
        background-image: url("./Images/smalMainPage.png");
    }
}

没有“@media only...”的部分适用于屏幕尺寸小于 750 像素的设备。为什么会这样?

最佳答案

<meta name="viewport" content="width=device-width, initial-scale=1.0">

标签可能丢失了?因为在 codepen 上工作:https://codepen.io/dgknca/pen/REwKrV

关于html - 为什么背景图像在移动设备上不会改变?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53692109/

相关文章:

HTML 和 CSS 没有正确显示内联 block

javascript - 使用 Div ID 嵌套表格元素

javascript - 如何在 jquery 中阻止这种限制单词的奇怪事情?

css - 对齐 div 内的文本 - 垂直对齐不起作用

javascript - Web应用程序是否可能存在松耦合?

jquery - 如何将单个 div 设置为另一个 div 中的任何悬停链接?

javascript - 如何让缩略图显示在 "Add File"按钮下方?

javascript - 使用 jquery 调整文本区域的高度

javascript - BootstrapToggle 复选框在单击事件时调用函数

javascript - 在向下滚动时添加类并在添加类时替换类