相关疑难解决方法(0)

是否有@media查询仅针对iOS运行设备？

例如:

@media (min-device-width:320px) and (max-device-width:768px) {
    #nav {
        yada: yada;
    }
}

这也会改变这些宽度视角的Android设备页面的行为？或者我最后弄错了

我正试图在splash-image各种设备上进行手动设置.我这样做是通过检查orientation(触摸设备)或screen width vs. screen height(无触摸)并相应地设置URL.

然后我通过Javascript添加这个CSS规则:

 document.styleSheets[3].insertRule('.initHandler:before { 
    background: url('+x+') no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
    }', 0)

随着x作为图像取决于方向和屏幕尺寸被加载.

我的问题是这在landscape模式下工作正常,但在我的iPad portrait模式下,加载了正确的图像(根据肖像/风景不同),但它没有扩展到全屏大小.

问题:
我不能background-size在纵横模式下在iOS上使用CSS 吗？

感谢帮助!

编辑:
刚试过我的Android智能手机.那里工作得很好.没有任何意义,为什么它不适用于iPad.

这是我的代码：

<div style="width: 100vw; height: 100vh; background-image: url(img/kid1/1.jpg); background-attachment: fixed; background-size: cover"></div>
<div style="width: 100vw; height: 100vh; background-image: url(img/kid1/2.jpg); background-attachment: fixed; background-size: cover"></div>

它可以在我的LAPTOP上使用chrome正常工作，但不能在chrome / ios（智能设备）上使用app chrome或任何网络浏览器。问题是我确实在w3c实践模块上尝试了此代码，并且确实在我的手机上工作，所以我的代码没有错，我的手机没有错，所以这是什么问题？我该如何解决呢？我是新手，所以这可能是一个菜鸟问题，但此错误确实让我感到恼火...

我正在尝试找到解决我在 iOS 设备上使用固定背景的问题的方法。我宁愿不必为这个网站重新设计所有东西，我希望一些 CSS 更改可以解决它。这就是网站在 iPhone 上的样子，这也是它应该有的样子。我使用的 CSS 代码如下：

.container {
    min-width: 320px;
    max-width: 480px;
    margin: 0 auto;
}

.fixed-background {
    height: 800px;
    -webkit-backgound-size: cover;
    -o-backgound-size: cover;
    -moz-backgound-size: cover;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    text-align: center;
    overflow: auto;
}

我还尝试使用@media查询来修复它，使用 stackoverflow 上的一些帖子，但这似乎没有任何效果：

@media screen and (min-color-index:0) and (-webkit-min-device-pixel-ratio:0) {
    .fixed-background {
        background-attachment: scroll;
    }
} 

HTML

<div class="fixed-background bg-1">
    <div class="container">
        <div class="title">
            <h1>ROOK PROPERTY<br>MANAGEMENT INC.</h1>
            <h2>CONDOMINIUM MANAGEMENT</h2>
        </div>
    </div> …