创建跨浏览器兼容的weblayout的最佳方法是什么？

Question

设计是网站的一个非常重要的部分。但是，使布局跨浏览器兼容是非常艰巨的任务。

最简单的方法是什么？

Answer 1

如果您有理由担心，可能需要阅读有关浏览器不一致的信息。除此之外，我不认为你有问题，除非你观察到你的页面在浏览器中的呈现方式不同。您应该遵循ANeves的建议并在IE以外的浏览器中进行设计，然后在开发时测试您的页面。

您可以在名为here的文章中使用位于"Cross-Browser Testing: A Detailed Review Of Tools And Services"的工具来测试您的网页在不同的浏览器中是否正常运行。

Answer 2

我这样做的方法是在Firefox中编写和测试，每次更改我都会在IE中运行它。很多时候它会有所不同，但如果你保持变化很小并隔离它们，那么每个变化应该是可以解决的。

完成后，我会在Safari和Chrome中查看，99％的时间没问题。

如果可以的话，也尽量避免使用表格，学会正确使用CSS，这将为您节省大量时间。

Answer 3

我实际上认为这不是一个大问题。一个非常好的起点：CSS Mastery

Answer 4

不要重新调整方向盘。尝试查找适用于所有浏览器的网站示例并查看其代码。它可能会帮助你很多。 例如，如果你只想开发一个布局（页眉，页脚，侧边栏，内容，容器，菜单和类似的东西）...我真诚地建议你尝试在线提供不同的选项。

例如：
http://matthewjamestaylor.com/blog/ultimate-3-column-holy-grail-pixels.htm http://layouts.ironmyers.com/

您可以在线找到很多帮助。那只是为了布局。我不确定视觉效果，每次创建一个新设计时我都必须与每个设计作斗争 对我有用的是重复使用过去对我有用的东西。