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则滚动出视图。

以下是我的codepen示例：http://cdpn.io/AdglB

当您在Firefox Mobile for Android上查看此内容时，它会创建效果，但会降低滚动渲染速度 - 因此我只想在可能的情况下定位Firefox桌面。在背景图像缩放方面，这也会在iPhone和Android上产生其他问题（它会一直缩放到大图像中）。

Answer 1

仅定位Firefox，而不是其他浏览器：@-moz-document url-prefix() {}。这是一个黑客攻击。黑客很糟糕。不得已。

定位桌面而非移动：使用媒体查询和桌面（或移动）屏幕的典型宽度怎么样？

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

定位Firefox桌面CSS

1 个答案: