做什么都不要太钻牛角尖!大湿的飘过
刚在群里聊起来页面布局的问题,说起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哪就都有吧! 都有了之后我也都是对齐的 没必要太刻意的追求各大浏览器兼容!
欢迎拍砖!!!