CSS在移动设备上消失

CSS Disappearing on Mobile Device

本文关键字：消失 移动 CSS      更新时间：2023-09-26

使用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

尝试将标题链接中的media属性设置为value:

'only screen and (max-device-width: 480px)'…

将强制css同时应用于屏幕和max-device-width(即你的移动设备):

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

我不知道你说的是哪个部分，但是在你的CSS代码中有一些媒体查询，它们只在大屏幕上显示元素，比如:

@media only screen and (min-width: 600px)
相关文章：