css - IE 破坏了我的网站设计

Question

我的 wordpress 主题在 chrome、Firefox 和 Opera(截至 2012 年 12 月的最新版本)中看起来正确

当我在 IE 9 中查看它时，即使打开了兼容性 View ，它看起来也不正确。

带有菜单的蓝色条看起来太粗了

这是链接。 http://www.kyaniworld.biz/products/sunrise/

Answer 1

答案很简单!您可以通过创建仅针对 IE 的 css 找到解决方案。所以这里有一个有用的 link .您不必担心为用户添加的下载数据。针对 IE 的 css 文件只会在网站从 IE 浏览器打开时下载。希望我有所帮助!

PS:请注意:您应该在所有 IE 版本(我降到 IE 7)中验证您的站点。每个版本都有它自己的错误和问题。

[edit] 刚刚发现这个。我所有问题的答案:“css”重置:

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
width: auto;
height: auto;
margin: 0;
padding: 0;
border: 0;
outline: 0;
background: transparent;
}