2017-10-20 81 views
0

我到处搜索了一个解决方案,但似乎无法解决它。主要背景图片here在iPhone上大量放大。这是我的背景图片代码:在iPhone上放大背景图像

.home-featured { 
    background-image: url(/Roombg2.jpg); 
    background-repeat: no-repeat; 
    background-position: center center; 
    background-attachment: scroll; 
    background-color: #bbbbbb; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 

} 

我不知道是否有其他CSS产品功能造成任何问题:

.home-featured .wrap { 
    margin-top: -160px; 
    max-width: 782px; 
    display: table; 
    text-align: center; 
} 

.home-featured .home-widgets-1 { 
    display: inline-block; 
    display: table-cell; 
    vertical-align: middle; 
    width: 100%; 
    padding: 200px 0; 
    font-size: 20px; 
} 

任何帮助将非常感激 - 我完全丧失在这!

回答

0

可能需要配置元视口标记。在iphone中,视口的行为有点不同。

选中此项:Configuring the viewport