android - 目标 Firefox 桌面 CSS

Question

我只想使用以下 CSS 属性定位 Firefox 的桌面版本(而不是 Android 移动版本):

.background {
    background: url(imagelocation) no-repeat center center;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

我正在尝试使用多个 div(宽度设置为 100%，高度设置为 XXXpx)创建视差效果，并且当嵌套的 div 滚动出 View 时背景图像是固定的。

这是我的代码笔的一个例子:http://cdpn.io/AdglB

当您在 Firefox Mobile for Android 上查看此内容时，它会产生效果但会减慢滚动渲染速度 - 因此我只想尽可能以 Firefox 桌面为目标。这还会在 iPhone 和 Android 上产生背景图像缩放方面的其他问题(它会一直放大到大图像)。

Answer 1

仅针对 Firefox 而不是其他浏览器:@-moz-document url-prefix() {}。这是一个黑客。黑客是不好的。最后的手段。

针对桌面而非移动设备:如何使用媒体查询和桌面(或移动)屏幕的典型宽度？

我想如果它只是关于移动设备(所有智能手机)的性能，那么只需使用 MQ...