代码之家  ›  专栏  ›  技术社区  ›  Starx

创建跨浏览器兼容的Web版面的最佳方法是什么?

  •  1
  • Starx  · 技术社区  · 15 年前

    设计是网站的重要组成部分。但是,使布局跨浏览器兼容是非常困难的任务。

    最简单的方法是什么?

    4 回复  |  直到 15 年前
        1
  •  1
  •   Oren Hizkiya    15 年前

    如果您有理由担心浏览器的不一致性,您可能需要阅读相关内容。除此之外,我不认为您有问题,除非您观察到您的页面在浏览器中呈现的不同。你应该在IE以外的浏览器中遵循Aneves的建议和设计,然后在开发过程中测试你的页面。

    您可以使用位于 here 在一篇题为 "Cross-Browser Testing: A Detailed Review Of Tools And Services" 以测试您的页面在不同浏览器中的实际功能是否正确。

        2
  •  0
  •   Tom Gullen    15 年前

    我做这件事的方式是在Firefox中编写和测试,我做的每一个更改都是在IE中运行的。很多时候,它会有所不同,但是如果你将更改保持在很小的范围内并将其隔离,那么每一个更改都应该是可以解决的。

    完成后,我会在Safari和Chrome中进行检查,99%的时间都可以。

    如果可以的话,也要尽量避免使用表格,学会正确使用CSS,这样将来会节省很多时间。

        3
  •  0
  •   jeroen    15 年前

    我真的认为这不是什么大问题。一个非常好的起点: CSS Mastery

        4
  •  0
  •   UXdesigner    15 年前

    不要重磨轮子。试着找到一个在所有浏览器中都有效的网站示例,并查看它的代码。这可能对你有很大帮助。 例如,如果你只想开发一个布局(页眉、页脚、侧边栏、内容、容器、菜单和类似的东西),我真诚地建议你在网上尝试不同的选项。

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

    你可以在网上找到很多帮助。这只是一个布局。我不确定视觉效果,每次我创造一个新的设计,我都要与每个设计作斗争。
    对我有用的是重新利用过去对我有用的东西。