在CSS中,“仅移动设备屏幕”不适用于主页,但适用于子页面

时间:2019-02-02 05:41:19

标签: html css mobile

在索引上,桌面上显示的图像带有鼠标悬停文字。关于索引,使用移动设备时,我使用了媒体查询,但是它不起作用。访问问题页面http://pavelrozman.com

@media only screen and (max-width: 960px) {

在我的子页面上,代码在移动设备上正确执行,将文本显示在图像上方,而不是使用悬停。看到这里http://pavelrozman.com/projects/我比较了两个页面之间的代码,它们看起来是相同的。想不到原因。

1 个答案:

答案 0 :(得分:0)

在你的项目页面,您有projects.css改变屏幕范围内的不透明度回到1的div。

在主页上只包括style.css其中不包括改变透明度回1。

例如:{{} 1}的主页上发现,它不包含在你的媒体CSS看那类

这应该可以解决您的问题。

wyomingx

您可以在这里看到了3个div的你没有包括您有错误:https://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fpavelrozman.com%2Fassets%2Fcss%2Fstyle.css&profile=css3svg&usermedium=all&warning=1&vextwarning=&lang=en