IE9中的css分析
IE9中的css分析
提问于 2013-01-17 14:04:14
我只是想知道IE9是否有一种类似于Firefox的方法，我可以在菜单下选择“检查”选项，然后查看将哪些css类应用到页面上的每个元素。我注意到在IE9的F12功能，我可以选择“查看”->“类和ID信息”，但它没有显示给我的css细节。
我的问题是，我的网站看起来完全不同的IE与FF，我正在尝试调试。如有任何其他建议，将不胜感激。谢谢。
编辑1:
具体的问题是，在FF中，我有一个左、上边距，所以所有的内容都是居中的。然而，在IE中，一切都是合理的。我决定开始查看页面的第一个div，因为即使这样看起来也不一样。
有几个div相互嵌套，但我想我可能已经找到了罪魁祸首。
在IE中，其中一个div的css如下所示：
#regionHeader .wrapper {
overflow:hidden;
}
.wrapper {
margin:0 auto;
max-width:1140px;
min-width:801px;
width:auto;
}
.wrapper {
margin:0 auto;
}
.wrapper {
margin:0 auto;
}
.wrapper {
zoom:1;
}
.wrapper:after {
clear:both;
}
.wrapper:after {
display:table;
}
.wrapper:before {
display:table;
}
div {
-webkit-text-size-adjust:none;
border-bottom:0;
border-left:0;
border-right:0;
border-top:0;
margin:0;
padding-bottom:0;
padding-left:0;
padding-right:0;
padding-top:0;
}但在FF中，同样的风格如下：
#regionHeader .wrapper {
overflow:hidden;
}
.wrapper {
margin:0 auto;
min-width:320px;
}
.wrapper, .clearfix, #content {
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, q, small, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, figure, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border:0 none;
margin:0;
padding:0;
}注意最大宽度:1140 max；在IE和FF中，只有一分钟的宽度。这会导致问题吗？不巧的是这不是我的密码..。
回答 3
Stack Overflow用户
回答已采纳
发布于 2013-01-17 14:07:51
Firebuglite可与IE6+兼容，可在此处下载：
Stack Overflow用户
发布于 2013-01-17 14:55:04
按F12，单击工具箱中的指针按钮，单击要检查的元素。该元素的css应该位于dom-窗口的右侧。如果不是，您可以单击右侧窗口上方的“样式”按钮。
Stack Overflow用户
发布于 2013-01-17 14:06:33
点击F12来打开IE9开发工具。
或选择TOOLS - F12 DEVELOPER TOOLS
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/14380803
复制相关文章
相似问题
腾讯云开发者
