Question

我为预制的响应主题创建了一个自定义标题。它在chrome中看起来很棒，但是firefox和ie都没有显示所有的菜单项，并且在一个奇怪的地方定位了一个标志::阴影之后。

我已经验证我的代码中没有错误并尝试实现normalize.css，但没有任何方法可以解决问题。

这是我正在使用的代码：

    <?php 
    ///////////////////////////////////////////////////////////////////////////////////////
    //                                  UNFINISHED                                       //
    ///////////////////////////////////////////////////////////////////////////////////////
    session_start(); 
    require_once 'connect.php';
    include 'articlesFunction.php';
?>
<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Blog posts</title>
    <link rel="stylesheet" href="css/articles.css">
</head>
<body>
    <div id="bannerDiv" style="background-image: url(images/banner.jpg); background-size: 100% 100%; height:150px;">
        <h2 id="bannerTitle"><u><i>Articles about travel that everyone loves...</i></u></h2>
        <p><a href="index.php">Homepage</a></p>
        <span id="BannerMenu"><?php echo 'logged in as: '.$_SESSION['username'].' ';?></span><a href="logout.php"><button>Logout</button></a>
    </div>
    <div id="container">
        <div id="articles">
            <div id="Display Articles">
            <h1><u>Our set of articles:</u>
            </h1>
            <div id="display">
            <?php
                echo $fullArticle;
            ?>
            </div>
            </div>
        </div>
    </div>
</body>
</html>

我在这里做错了什么？谢谢你的帮助！

firefox中的不一致，即和chrome

0 个答案: