做什么都不要太钻牛角尖!大湿的飘过

刚在群里聊起来页面布局的问题,说起CSS的兼容问题。

大致问题有着一些:

1.按规范写了,基本都不会有问题。除了垃圾IE6 

不清楚什么是规范,规范是什么?是css1.0,还是css2.0还是所谓的css3.0。

ie6的标准是css1.0

ie7 ie8的标准是css2.0

FF、谷歌、苹果、opera的标准是css2.0、css3.0

所以要做测试要制作效果什么的还是从ie6开始吧!谁让天朝V5哪!

2.浏览器的兼容问题

我没真正的做过前台,但是因为处在小公司,所以基本全能的那种经常也会做一些页面,也研究了很久的布局跟兼容问题。我对兼容的看法是:IE6 OK了  基本上80%的没问题 、剩下的20%  加个float:left 能解决10%

也许你会说

针对ie6的三像素bug或者连续浮动的双倍bug怎么办

用margin-left:100px;分辨在IE6和其他浏览器看看

针对第一个我想说的是这个可以单独兼容的,哪你又会说那你上边的80%啊 20%的就不成立了被。是我承认在你这么苛刻的要求下我的是不成立的,但是做页面没必要追求那么完美。

你也许会说:1像素都能让你的网站效果大打折扣.我想说的是大部分页面追求下整洁就可以了,你是在追求完美哪你已经要进军css大湿了,我没办法帮你的。

连续浮动的双倍bug 我们其实是可以让他反方向的就是说你如果float:left 我们可以margin-right

绝大部分用户看的是网页内容,如果你页面不是做的都是左对齐的情况下一个多1px 另外一个小1px,其实是没关系的。

就跟ie6是的 既然都有3像素bug哪就都有吧! 都有了之后我也都是对齐的  没必要太刻意的追求各大浏览器兼容!

欢迎拍砖!!!


posted @ 2011-05-31 16:19  在北落  阅读(587)  评论(8编辑  收藏  举报