此问题与网站www.oikotrust.gr有关。
我设置了两个视口,最大宽度超过900像素,因此每次都会加载不同的CSS。
它适用于Chrome ...在900像素以下的Firefox中效果很好。但 在Firefox中工作超过900像素(即未加载CSS)。
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
<link rel="stylesheet" type="text/css" media="only screen and (min-width: 901px)" href="css/style.css">
<link rel="stylesheet" type="text/css" media="only screen and (max-width: 900px)" href="css/mobile-device.css">
答案 0 :(得分:14)
您的CSS代码中有一些错误需要修复。网站https://jigsaw.w3.org/css-validator/适用于验证代码。只需在地址栏中输入您的网址即可。
当您输入地址时,它会给您四个错误。您会注意到第一个错误引用了第33行,但实际上它抱怨它在第32行找到的双引号。这个双引号可能会抛弃所有其余的代码。