Question

我遇到了一些麻烦，并没有找到解决方案。我找到的解决方案是背景大小：封面;当应用于整个页面时，我在特定的div上使用它。

首先，该网站为http://www.sexypizzamarketing.com。

如果你查看这个网站，有一个背景大小的DIV：图像封面，这里是css：

#div3 {
    margin-top:40px;
    background-image:url("images/Desert.jpg");
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:100%;
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-color:#914211;
    color:#201E1E;
    background-color:#A4FFEE;
    height:600px;
    }

当你向下滚动时，这个600px div移动到一个固定的图像上。我所做的所有研究都在讨论这种背景位置：固定在移动设备上是如何工作的。但是当我在我的Android手机和Windows手机（以及PC上的所有浏览器）上测试这个时，这已经奏效了。

所以，除非你有iphone，否则你无法看到这个问题。香港专业教育学院使用testmobile.me测试iPhone，它没有出现在那里。这让我很疯狂，因为直到现在，我一直在编辑现场网站，然后要求某人截取该网站并将其发送给我......是的。的 1。有没有人知道如何解决这个问题？

接下来，我决定在iphone上废弃它，为iphone取消它。所以我把它包含在css中，

@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
   /* CSS overrides for mobile here */

    #div3   {
        background-color:black;
        height:500px;
        background-image:url("images/Background.jpg");

        }

这也没有解决它。 **编辑。这是有道理的，但我没有意识到这一点。我把@media only css指定为常规div3 css之上的特定div（div3）的设备宽度，因此它不会覆盖。我将它移动到该部分的底部，允许@media覆盖div3 css，所以这解决了这个问题。一些事情 - 这针对所有媒体设备最大宽度：700px，而不仅仅是iphone。所以我会调查一下（因为该网站在Windows和Android手机上工作正常）

一旦我得到备用的iPhone并弄清楚如何将它连接到localhost，那么我将尝试亚历山大的建议，因为我不想冒险通过cpanel编辑实时网站来搞乱一些事情

我也会收到旧的iphone用于测试目的。

但是有任何建议，或者如果你能指出我正确的方向，我会给你做一些虾炸玉米饼或其他东西。

位置：固定，iphone和媒体查询

0 个答案: