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/

相关文章:

javascript - 是否可以更改 Canvas 的位置而不是重新绘制图片?

javascript - 找到没有属性的 DOM 元素?

java - Internet Explorer 无法在 IBM Websphere 上使用 Bootstrap 正确显示

css - CSS 的速度

css - ACE 编辑器字体样式被我现有的字体样式覆盖

html - 固定位置 div 的宽度问题

html - 如何在html链接中使用两个后续的ASCII编码字符?

android - 无法使用Cordova在Android Game Build上播放声音

html - 从我的导航栏中删除空格

javascript - 如何创建可滚动的覆盖内容?