html - 是否有允许构建跨浏览器兼容的 html 和 css 代码的程序或框架?

标签 html css cross-browser frontend

我知道有像 Dreamweaver 这样的程序,但在创建自动跨浏览器兼容的 html 和 css 代码时,它们都没有取得显着的成功。

我想知道,是否有一个框架或程序可用于创建更多跨浏览器兼容的 HTML 和 CSS 布局?

目前,我正在使用在 vmware 上运行的虚拟 windows xp 版本来检查网页在 IE6 中的外观,并手动使用 Chrome、Firefox、Opera 和 Safari。

最佳答案

您想要的并不像许多人所说的那样真实存在。我确实试图通过有意识地只使用已被证明得到广泛支持并且我有良好经验的东西来避免你描述的大部分麻烦。 完美的解决方案并不存在,但这里有一些可以让您的生活更轻松的注意事项:

  • 使用 css reset所以所有默认的浏览器样式都消失了。
  • 强制自己编写 HTML validates针对文档类型。我个人只使用 XHTML 1.1(非常严格)但在大多数浏览器中具有很高的兼容性。
  • 仅使用 fonts that are common并得到广泛支持。
  • 将您对 javascript 的使用限制在绝对必要的范围内,并使用 jQuery在你可以的地方,因为它会“经常为你消除分歧”。 (安德鲁·巴伯建议)

这样你最终会得到一个很有可能跨浏览器兼容的网站

关于html - 是否有允许构建跨浏览器兼容的 html 和 css 代码的程序或框架?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8850363/

相关文章:

html - ie6阴影问题

html - 如何在 Safari 和 Chrome 中设置文本字段的样式

javascript - Meteor 中独特的 Canvas

javascript - 如何使用 HTML 和 Javascript 创建动态的每周计划?

css - bootstrap 4 中的行大小不相等

css - 在伪元素上进行转换时过渡会导致元素在Safari中抖动

html - 是否会从 future 的浏览器中删除不推荐使用的元素?

javascript - TinyMCE/文件读取器 : missing line breaks after reading text file

JQuery - .hover() 加载图像后并附加到 .find()div

html - 使用 bootstrap 添加动态居中按钮