javascript - CSS 在移动设备上消失

Question

使用 Bootstrap 前端框架，在网站的某个部分之后，CSS 不会出现在移动设备上，但在从浏览器查看时会出现。我不确定这部分是否以某种方式干扰了网站的另一部分。相关 div 的代码和 CSS 如下:

HTML:

<div class="project-right">
    <div class="container">
        <div class"row">
            <div class="col-md-8">
                ....
            </div>
            <div class="col-md-4">
                ...
            </div>
        </div>
    </div>
</div>

CSS:

.project-right {
    background-color: black;
    padding: 110px 0px;
}

我已经包含了 <meta name="viewport" content="width=device-width, initial-scale=1">在我的网站部分。

网站位于:http://bit.ly/1CEdcBj .

Answer 1

尝试将 header 链接中的 media 属性设置为值:

'仅屏幕和(最大设备宽度:480px)' ...

应强制将 css 应用于屏幕和最大设备宽度(即您的移动设备):

    <link rel='stylesheet' media='only screen and (max-device-width: 480px)'
        href='/your/css/file.css' />

虽然我没试过...