如何在所有浏览器上使网站看起来一样？

Question

我在mac上设计我的网站。我使用基本格式，然后当我想要我的电脑时，包装宽度太宽。我的问题是我能做些什么才能使我的网站在所有浏览器/操作系统上看起来都一样？

Answer 1

1. 牢记http://dowebsitesneedtolookexactlythesameineverybrowser.com/。看起来不错是一个明智的目标，看起来不一样。
2. 了解标准（例如，我们无法判断差异是由于某个错误还是因为您提供了仅对特定窗口大小有意义的说明）
3. 使用它们（不要忘记validate HTML和CSS以及lint JS）
4. 确保您参与standards mode
5. 了解浏览器中的错误

Answer 2

你需要在不同的broswers中做很多测试，在某些情况下你需要有不同的样式来使它们跨浏览器兼容，broswers渲染页面不同这里是一个很好的教程，有一些工具可以帮助你。

你应该尽可能地坚持使用网络标准。

http://www.cookielabs.com/web-development/tools-to-keep-your-site-cross-browser-compatible/comment-page-1

Answer 3

使用像Eric Meyer，CSSesta，BoilerPlate或YUI这样的css重置。

注册https://browserlab.adobe.com/  您可以测试最常用的浏览器win＆amp; MAC

Answer 4

我要在@David Dorward的回答中添加几点：

1. 验证您的(x)html和css以及
2. 使用css reset stylesheet减少不同浏览器默认值对填充，字体粗细，大小，边距等的影响......（重置本身并非严格来说，必要，但要理解如何，为什么，它本身就是一个有用的过程。

Answer 5

  

Autoprefixer使用有关浏览器流行程度的数据以及浏览器对供应商前缀的支持。根据此信息，它安排和删除前缀。它可以帮助您获取以下内容的前缀：动画，过渡，变换，网格，伸缩，伸缩框等。它由Google推荐，并由Twitter和阿里巴巴使用。 ^source

• autoprefixer tag

• autoprefixer GitHub – PostCSS plugin来解析CSS并使用Can I Use

中的值向CSS规则添加供应商前缀

• Autoprefixer CSS online –原始自动修复程序的网络版本。