php - 导航 CSS 在 IE/chrome 上没有响应

Question

一直在我的网站上工作，现在已经上线了。但是对于最新的 IE、chrome 和一些 Firefox，我在导航中的图像大小没有响应。在 iOS 上它运行良好，与安卓默认的互联网浏览器一样。

我研究过的其他问题说要在我已有的所有文件中声明 doctype。

如何解决这个问题？

(所有测试都通过跨浏览器测试仪)

OS Yosemite 上的 Safari 正确

IE 11

火狐 40

Chrome 45/歌剧 31

NAV PHP(包含在 index.html 中):

<nav>
<div>
    <a href="/">
        <div id="logo"><img src="/Images/7serviceLOGOblue2.png" alt="Home"/></div>
        <div id="headtag"><img src="/Images/title.png" alt="Home"/></div>
        <div id="tagline"><img src="/Images/tag_line.png" alt="Home"/></div>
    </a>
</div>
<div> 
    <a href="/" class="here">Home</a>
    <a href="/about.php">About</a>      
    <a href="/services.php">Services</a>
    <a href="/pricing.php">Pricing</a>
    <a href="/contact.php">Contact</a>
    <!--input id="srchbar" type="search" placeholder="Search"-->
</div>
</nav>

JSFiddle to Header/Header CSS with stock images。 https://jsfiddle.net/blackRob4953/238n7ddk/

Answer 1

<div>

    <div id="logo"><a href="/"><img src="/Images/7serviceLOGOblue2.png" alt="Home"/></a></div>
    <div id="headtag"><a href="/"><img src="/Images/title.png" alt="Home"/></a></div>
    <div id="tagline"><a href="/"><img src="/Images/tag_line.png" alt="Home"/></a></div>

</div>