我有一个不会在MOBILE中显示的背景图像,即使它在DESKTOP上显示

时间:2015-07-12 20:03:29

标签: css image mobile

我在桌面上导航到移动网站的位置。 (例如www.mysite.com/m/index.html)。在我的桌面上,图像显示我想要的方式,在移动设备上根本不显示。这里有人能告诉我为什么会发生这种情况的可能性吗?这是与图像相关的CSS。

#mlogo {
    background-image: url(/m/mobileimages/mobilelogo.jpg);
    background-size: 100% 100%;
    background-position:top;
    position: relative;
    width:100%;
    height:171px;
    text-align:center;

}

我试过了一个星系4和一个iPhone 6 ......都没有显示图像。

2 个答案:

答案 0 :(得分:2)

尝试检查您的网页上的源代码goto view-source:www.mysite.com/m/index.html,如果它正确显示您的源代码然后尝试导航到您的图片网址

答案 1 :(得分:0)

我的服务器正在自动填充链接地址,因为我在编码中使用了简写。因此,代码不正确。如果你遇到过这个问题。使用Divyanks方法检查链接。如果链接无效,您必须手动输入图像的正确链接(从http://开始,依此类推),以避免服务器自动填写错误的链接地址。