Question

/* CSS Dokument */
body{
        background-image: url('baggrund.jpg') !important;
        background-position: center center;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
        background-color: #464646;
}
@media only screen and (max-width: 767px) {
    body{
        background-image: url('baggrund.jpg') !important;
        background-position: center center;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
        background-color: #464646;
    }
}

我已将上述代码添加到我的CSS文档中，并且在bootstrap的帮助下，我的网站将会响应。

但有趣的是，我的响应在iPhone上运行良好，但在三星上没有（在S3 / S5 mini上试过）。

我很高兴这个简单的解决方案，所以我想保持这种方式。

Mobiletest.me未显示正确的屏幕。当你在身体上这样做的时候就是这样。

我的网站是：http://odsgaardklausen.dk/DBS/DBS.php

Answer 1

我通过添加到CSS来解决问题：

html {min-height:100%;}

响应式适用于Iphone，但不适用于三星手机

1 个答案: