ps切图与浏览器兼容
2014-02-28 10:41:51

2-1,每个浏览器对每个标签都有一些默认的样式,所以在写css之前要把这所有要用到的标签样式归0,其实网上已经有很多这样的css,搜:“重置css”,会有很多,将得到的css,存为一个reset.css。在调用自己的css之前导入,reset.css.

2-2,页面布局在不同的浏览器发生移位,很大的原因是css布局不够严密,比如说:一个大的div里面有一个和他一样大的div,这个是没问题的,但是,你给你里面的div,添加border属性,或者,添加padding属性,里面的div就会大于外面的div,这样的结果就是。div变的不可以控制,你也不知道,结果会是什么样子,而不同的浏览器遇到这样的情况,解析也就不一样,最终于的结果就是会发生移位。
 
建议:在设计页面的时候,严格知道每一块内容的大小,在ps中设计的时候,就要考虑大小来设计,实现的时候按照设计来实现,基本不会有什么问题。

2-3,还有就是有的属性浏览器不认识,所以尽量用简单的能实现效果的css.

2-4,做到上面三点,基本上就能达到兼容,最后剩下,只要将针对特定属性,在特定的浏览器下面进行css hack的调试了,css hack不是万能的,能少用就不要多用。不要发什么不兼容都指望css hack,不然这样写出来的代码难懂,难维护,更谈不上代码之美。