Question

可能重复：
is there a program or a framework which allows to build cross browser compatible html and css codes?

我的问题是，我有一个在IE，FF和Chrome上有不同行为的应用程序。例如，我在IE和FF + Chrome浏览器上有几个看起来不同的按钮，所以为了从同一个css运行，如何定位所有按钮。在Chrome中，我对所有下拉列表和许多其他列表的背景都存在渐变问题。如果有人有解决方案。感谢的。

Answer 1

添加到css文件的顶部

html
{
    height: 100%;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td
{
    margin: 0;
    padding: 0;
}
table
{
    border-collapse: collapse;
    border-spacing: 0;

}
fieldset, img
{
    border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var
{
    font-style: normal;
    font-weight: normal;
}
ol, ul
{
    list-style: none;
}
caption, th
{
    text-align: left;
}
h1, h2, h3, h4, h5, h6
{
    font-size: 100%;
    font-weight: normal;
}
q:before, q:after
{
    content: '';
}
abbr, acronym
{
    border: 0;
}

Answer 2

您可以尝试（可能徒劳）使用条件注释来设置每个浏览器的样式信息，或利用已知的浏览器怪癖，但是在所有浏览器中获得统一外观的最佳和唯一方法是坚持W3C标准 - 兼容标记。

除此之外，您可以通过使用图像而不是标记来克服图形问题。

如何使所有浏览器从具有相同行为和外观的相同css进行渲染

2 个答案: