0
我喜欢制作网站。我把所有的空闲时间都花在了他们身上。但是当我在其他浏览器和计算机上测试它们时，它们看起来不一样。如何确保我的网站看起来不错跨浏览器
我已经给出了建议，如使用margin: 0 auto;来做一个始终保持居中的主包装。但其他人有什么好的提示和地方来扩展我所知道的？
这主要是关于布局。由于不同的浏览器不显示阴影和渐变，对于不同按钮的外观并不是很感兴趣。
A
回答
1
1
不幸的是，没有统一的方法来确保您的网站在每个浏览器中都能正常工作。即使您符合某些编码标准，不同的浏览器也可能会以不同的方式渲染您的页面您只需要1.在常用浏览器（IE，Firefox，Chrome，Opera的最新版本）中测试您的网站，2.查看哪些功能无效，然后通过搜索/查找来解决特定问题。这只是Web开发的一部分。
+1
这是否意味着大多数时间在一个或多个浏览器中存在缺陷，而这些缺陷在不破坏设计的情况下无法修复？如果这有道理？ – syntheticsaint 2011-12-14 16:03:21
+0
没有。您可能需要修改代码的某些部分，以便它们可以在所有浏览器中运行。如果你的谷歌/ stackoverflow的特定问题，你会发现解决方法/修复 – bernie2436 2011-12-14 16:04:27
1
与布局有关的大多数问题都与Internet Explorer的边框模型的不正确实现有关。如果您了解边界框模型如何在非Internet Explorer浏览器和Internet Explorer 6中工作，那么您应该能够解决大多数布局问题。
2
一件事你可以做的就是随时使用CSS reset。这一点CSS代码有助于减少浏览器之间的差异。但是从中可以看出，你需要知道每个浏览器的常见问题，然后围绕它们进行测试，测试和测试。
0
这是每个网页设计师/开发人员都必须面对的常见问题。讨论
人们多年，共享技巧，窍门和最佳实践解决常见浏览器差异..
答案是不是直线前进，我的忠告是：knoweledge与经验。 有几百万个建议可以收到这个答案，这是我最有价值的：
一个很好的方式知道你的方式是学习基本术语（学习什么是一个div，一个类和所有常见的技术术语），以便更有效地搜索答案。
在互联网上搜索答案和指南可能是您解决问题的第一步，因为很可能有人曾经遇到过它。
从实际角度来看，请务必确保在不同浏览器中刷新页面，以便立即看到问题并面对问题。
测试：
如果您使用的是Windows：
http://tredosoft.com/Multiple_IE
http://www.my-debugbar.com/wiki/IETester/HomePage
，如果你想测试在线：
太棒了！谢谢！我将尽快完成这些工作！ – syntheticsaint 2011-12-14 16:18:07