Html 在CSS中；“仅移动屏幕”；isn'；t应用于主页面，但不应用于子页

在我的索引中，桌面上显示了顶部带有鼠标悬停文本的图像。在索引方面，我使用了移动设备，使用了媒体查询，但它不起作用。请访问问题页面

---

在我的子页面上，代码在手机上正确执行，将文本显示在图像上方，而不是使用鼠标悬停。看这里，我比较了两个页面之间的代码，它们看起来是相同的。想不出原因。

在您的项目页面中，您包含了

projects.css，它将屏幕范围内的div的不透明度更改回1

在主页上，您只包括
style.css
，其中不包括将不透明度更改回1

例如：查看主页上的类
wyomingx
，它不包含在您的媒体CSS中

这将解决您的问题

@media only screen and (max-width: 960px) {
 .wyomingx,
 .coloradox,
 .mainex,
 .dc2x,
 .nyx,
 .signsx {
    opacity: 0;
 }
}

您可以在这里看到您确实包含的3个div中存在错误：
在您的项目页面上，您包含了
projects.css
，它将屏幕范围内的div的不透明度更改回1

在主页上，您只包括
style.css
，其中不包括将不透明度更改回1

例如：查看主页上的类
wyomingx
，它不包含在您的媒体CSS中

这将解决您的问题

@media only screen and (max-width: 960px) {
 .wyomingx,
 .coloradox,
 .mainex,
 .dc2x,
 .nyx,
 .signsx {
    opacity: 0;
 }
}

您可以在此处看到您包含的3个div，其中有错误：