Question

我制作了两个相同的页面，一个通过单击链接调用另一个页面。但是，我的顶级菜单栏显着变化。可能是什么原因？ HTML / CSS完全相同

<html> <head>
<link rel="stylesheet" href="css/index.css">
<link href='http://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet' type='text/css'>
</head>
<body> <div class="wrapper">

    <div id="topmenu" class="navigator">
       <ul class="nav">
            <li><a href="index.html">(logo)</a></li>
            <li><a href="faq.html">FAQ</a></li>
            <li><a href="about.html">ABOUT</a></li>
            <li class="search">    
                            <input type="text" placeholder="Search...">
            </li>
            <li class="right"><a href="#">Log In/Sign Up</a></li>
       </ul>
    </div>
 </div>
</body>
</html>

和我的CSS我会让jfiddle不要重载页面。

http://jsfiddle.net/wg54d8az/ 我对两个页面都使用相同的CSS文件。我已经阅读了一些指南，但是我无法解决问题。 HTML验证器显示以下错误：＆＃34;第4行，第42列：此时元素元素上不允许的属性内容。＆＃34; 但是，我无法明确解决问题所在。

Answer 1

不同之处在于，在常见问题解答页面上，您在topmenu中的链接不会像在索引页面上那样font-size:18。

问题出在FAQ页面上的css链接之前的元标记中。变化

<meta content="text/html; charset="utf-8">

到

<meta content="text/html" charset="utf-8" >

然后页面将正确加载index.css

我猜他们指定页面内容的方式现在它不会将UTF-8识别为编码格式。这会导致上述属性font-size:18出现问题（请注意，您只编写了没有度量单位的数字 - 像素）。解决问题的其他方法是使用：

font-size:18px;

在index.css

中

相同的HTML / CSS看起来不同

1 个答案: