Javascript 移动设备上的CSS

使用Bootstrap前端框架，在网站的某个部分之后，CSS不会出现在移动设备上，而是在从浏览器查看时出现。我不确定这一部分是否与网站的另一部分存在某种干扰。有关div的代码和CSS如下所示：

HTML:

我已将

包含在网站的我的部分中

---

您可以在以下网址找到网站：。

我不确定您所说的是哪一部分，但您的CSS代码中有一些媒体查询，这些查询仅在大屏幕上显示元素，如：

@media only screen and (min-width: 600px)

---

尝试将标题链接中的

media

属性设置为值：

“仅屏幕和（最大设备宽度：480px）

应强制css应用于屏幕和最大设备宽度（即您的移动设备）：

---

不过我还没有试过…

所以填充和背景在手机上不起作用？这就是问题所在吗？css似乎是全球性的，它不在任何媒体查询中，因此没有理由不出现。@KAD正是我的想法。。。但这里的情况并非如此。不知道为什么。这不是要声明，如果屏幕尺寸至少为600px宽，显示代码吗？而且，所讨论的部分在蓝色视差部分以下。我在那里创建了一个div，应该是declare:background color:black；但是，它不会显示在移动设备上。这就是手头的问题。媒体查询不是为了隐藏或显示代码，而是为了编写一些基于屏幕大小的css代码，例如更多关于它的信息：我完全知道媒体查询是什么，以及用户做什么。这并不否认div样式没有出现在移动设备上的事实。这只是在移动设备上发生的还是在调整浏览器大小时发生的？如果您向我显示问题的屏幕截图，这将很有帮助。即使只有一个样式表，这也适用吗？这与您实际拥有的样式表数量无关，它适用于您正在链接和设置媒体属性的样式表。。如果要链接多个样式表，可以为每个样式表设置媒体属性。

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

@media only screen and (min-width: 600px)

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