html - 在 Chrome 中正确显示,但在 Internet explorer 11 中不正确

标签 html css google-chrome internet-explorer

网站在 Chrome 和 Firefox 中看起来很棒:
Chrome-homeChrome-about

当我在 Internet Explorer 中打开网站时,在网络浏览器中的前两个页面右侧有一个巨大的空白:

Ie-home ie-about


如何消除 Internet Explorer 中的空白?我是否需要使用媒体查询,专门用于 Internet Explorer?是否有 CSS hack 之类的东西?我尝试使用媒体查询,但我写错了,基本上搞砸了我的网站。我删除了它。哦,是的,有没有我可以用来测试 Safari 网络浏览器的网站。我在 PC 上工作。任何想法将不胜感激。 :)

已更新!: fiddle :http://jsfiddle.net/5yon04ns/

<p> I have code in the fiddle</p>

最佳答案

尝试将其添加到您的 CSS 中:

#header img { vertical-align: bottom }

添加到您的全局 css 应该是安全的

关于html - 在 Chrome 中正确显示,但在 Internet explorer 11 中不正确,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27572052/

相关文章:

html - 谷歌字体作为替代字体系列不起作用

html - 响应式 CSS 停止工作

javascript - Chrome 可能存在 CSS 兼容性问题?也许是javascript?

javascript - 安装 google chrome 扩展程序的 html 代码 (.crx)

html - 悬停在边距上时保持悬停状态

jquery - 显示/隐藏菜单在 IE7 中不起作用

javascript - 如何将 jQuery 嵌入到 html 页面中?

html - 无法为显示的文本装饰获取多个值

javascript - audioContext 振荡器停止工作

css - Safari 和 Chrome 忽略 min-width CSS 属性