我是CSS新手,要遵守什么规则以确保CSS在其他浏览器中看起来一样? (我使用的是Firefox)。
P.S。 IE7有什么具体规则吗?
答案 0 :(得分:1)
答案 1 :(得分:1)
在本网站上,您可以获得所有必要的信息,由Peter-Paul Koch撰写http://www.quirksmode.org/&不要使用特定于浏览器的选择器,例如以-moz-或-webkit -
为前缀的选择器不幸的是,不,不是绝对肯定。测试,测试和更多测试是唯一的解决方案。
答案 2 :(得分:1)
我认为最好的起点是: http://html5boilerplate.com/(阅读评论的CSS。)它标准化了不同浏览器的CSS行为。 (我不建议使用重置)。
咨询http://na.isobar.com/standards/以了解最佳前端最佳做法。
有一些规则可以让你的东西在IE 6& 7(确实是唯一会给你带来严重麻烦的人):
当IE6 / 7中的某些内容无效时,请尝试设置zoom:1,然后再尝试其他操作
z-index在旧IE的
首先为IE浏览器制作网站,然后为其他浏览器(CSS3)制作精美的东西,它将为您节省很多麻烦
不要在你的html文件中插入超过32个CSS文件(不要开玩笑;)http://acidmartin.wordpress.com/2008/11/25/the-32-external-css-files-limitation-of-internet-explorer-and-more/)
咨询http://www.quirksmode.org/以了解对工作场所的敏感性
尽量避免使用CSS中的MS过滤器...(可能会导致您的网站呈现速度非常慢,并且可能导致JS动画出现意外行为)
答案 3 :(得分:1)
你在这里提出了一个相当广泛的问题,但要遵循的一些指导原则是:
确保它是标准化的CSS和HTML。如果它具有-moz-, - webkit-或-o-(或更多)供应商前缀,则可能与您的预期完全不同。
确保验证!通过W3 validation service查看代码中的任何错误。
考虑使用CSS重置,例如Eric Meyer reset。这会将所有元素重置为0padding,margin等。
或者像HTML5 Boilerplate一样使用Normalize(如Meo指出的那样)。
了解如何使用IE的Conditional Comments。在大多数情况下,“真正的”浏览器(Chrome,Firefox,Opera)将呈现HTML应有的状态。由于存在多个正在使用的IE版本,您将不得不为每个版本提供不同的代码(不支持IE6),这是最好的方法。
可能还有很多要添加,但最好的事情就是体验。
祝你好运!答案 4 :(得分:0)
直到IE 9,IE似乎根本没有遵循任何规则,但是对于几乎所有其他浏览器都遵循这些W3标准:
CSS Reference,W3 Overview,W3 CSS Validator
理论上,如果你坚持这些,一切都应该有效,但实际上并不是那样。这当然是朝着正确方向迈出的一步,其余的细节只是通过尝试,错误和经验来学习。
答案 5 :(得分:0)
本网站将为您提供良好的开端。