Question

我在大学时已经完成了我的第一年。我想继续将Web应用程序作为业余爱好。我已经使用MS Visual Studio 2010创建了一个正常运行的Web应用程序，但我知道我需要使其与其他浏览器兼容。

我认识到我需要在其他broswers中测试它，看看出现的差异，但我该如何修复它们。我的老师说我需要每个浏览器的CSS代码，但我该怎么做？

提前感谢您提供任何帮助

Answer 1

加入CSS reset stylesheet。然后，您应该包含a default style以获得合理的边距和字体大小，然后在其上添加自己的CSS。

Answer 2

我的老师说我需要每个浏览器的CSS代码

如果这就是他所说的那么他是错的。如果您知道自己在做什么，就可以按照您希望的跨浏览器方式获得99％的所有功能。对于IE（问题浏览器，通常定义 “跨浏览器”，您可以使用conditional comments加载不同的样式表针对特定的IE版本。

人们常见的事情：

浮筒
定位
Box Model

如果您在一个浏览器中遇到问题（并且该浏览器不是IE），但它在另一个浏览器中有效，则很可能（但不是总是）您在某个地方犯了错误。在进行任何调试尝试之前，始终总是 validate your html。很多“CSS问题”实际上是不同浏览器以不同方式响应的HTML问题。

然后，我发现这个网站过去很有帮助：

http://dowebsitesneedtolookexactlythesameineverybrowser.com/

Answer 3

我使用的方法是为我的网站编写CSS并仅在Google Chrome中进行测试。您也可以使用Firefox 4。我使用这些浏览器的原因是，如果我的CSS看起来很好，我很确定它符合标准，并且随着新浏览器的出现，很有可能看起来很好。

然后，我在IE浏览器中查看我的网站。现在，幸运的是，您不必再担心IE6了。几乎每个人都无视它。所以你必须考虑你的观众。你认为他们中的大多数会使用IE9或IE8吗？如果您对IE9没问题，那么几乎可以肯定您的网站看起来很棒，没有任何修改，因为它是一个非常符合标准的浏览器。如果你需要IE8兼容性，那么添加另一个CSS样式表并使它只显示浏览器是IE。你的标签看起来像这样：

<head>
    <link rel="stylesheet" type="text/css" href="your-main-style.css" />
    <!--[if lte IE 8]>
        <link rel="stylesheet" type="text/css" href="ie8-and-down.css" />
    <![endif]-->
</head>

现在，您可以在该样式表中添加任何样式修复，而不会损坏主样式表中的样式。将其保持在绝对最小值，以便于维护。

顺便说一句，如果它只是一个让你玩得开心的网站，请选择你喜欢的浏览器并确保它能够正常运行。然后在底部添加一条消息，说明哪个浏览器最能显示您的网站。

Answer 4

您可以使用conditional comments定位IE。

对于其他浏览器，您可以使用以供应商为前缀的属性来明确定位这些浏览器-moz-，-webkit-等。否则，对于非IE，只需使用符合标准的（x）html，并且在大多数情况下，他们会没事的。

Answer 5

尝试条件样式表/黑客：http://css-tricks.com/how-to-create-an-ie-only-stylesheet/

我用什么CSS代码在不同的浏览器中渲染我的网站？

5 个答案: