浏览器兼容问题一直困扰着很多WEB设计师,当然有时也困扰着我.它如附骨之蛆一般让人讨厌,在此我向各浏览器开发商表达一下问候.
有了问题自然要解决,在学习及应用WEB标准的过程我一直都在思考这些问题,解决这些问题.到后来问题越来越少了,已经很少遇到兼容问题了.
为什么会这样,是我写代码的经验越来越丰富了?还是浏览器升级得越来越标准了?还是我变成高手了?或者我人品越来越好了?
我觉得除了最后一点有可能之外,其他的都不是主要的原因.因为大家都要努力提高自己的人品.(别呸!)
扯远了,自我检查了一下,我发现最主要的原因是我学会布局和分析了.
布局(设计师)
作为设计师,在作效果图的时候就已经在考虑页面上的DIV构架和JS的效果了.不会去追求花里胡哨的东东了,以简单为美,以横平竖直为主,有效果也是放在广告图上来出现的.效果图的分块的宽度已经基本固定在某个范围内了,而且我发现越到后来作的东西跟当初作设计的初衷越远了.设计站上的收录的漂亮站点也开始有点不喜欢了.
分析(前端)
作为前端开发,在看到别人的效果图的时候,心里首先要想到的是怎么把这张页面拆了.切图就像建房子,我现在已经习惯把网页用手先分成一块一块的.最后只有“上(中)下”、“左(中)右”的结构了。我不用HACK,不用important,不用filter,基本不用position,以前经常用的东西都逐渐舍弃掉了。返璞归真了。
最基本的布局反而最容易达到标准,为了实现而实现反而会需要很多HACK,或者针对不同的浏览器来写,这样代码量不但没有缩小反而有增加。
---我的习惯(经验)---
1.DIV布局的时候模块化.保证每一块代码独立出来都是平整的.在DW里用设计视图看的时候也是工整的,没有形变,没有长短不齐.
2.左(中)右结构的处理方法.我用float,如left,right,clear.从来都直接清除。
3.上(中)下结构的处理方法.我就用id-top、id-body、id-bottom,id-body中间放一个id-con,里面的东西就用class.如:.id-con , .id-list, .id-img , .id-text等等.
4.全局需要定义的CSS,这个网上很多。我不多说了,我还喜欢定义一个字体颜色专用的css段.比如中国红,银灰,支付宝橙(希望你们能听懂)等等。
5.还有常用的东西,比如说:下划线| .bdrla, .bdrlb,分别定义border-bottom为实线或者虚线。颜色默认用灰色。依此类推。
......
逐渐形成一种书写习惯,形成一种框架,作起事情来不断没有遇到兼容问题,而且效率很高。
可能有人会说,你的这种习惯能解决一些刁钻古怪的问题么?当然可以。因为你只有效率比别人高,解决普通的问题的时间才会比别人短,这样就有时间来研究特殊的应用。如果连基本的问题都没有搞通搞懂,就在研究一些困难的问题,那么就算解决了这些问题,你自己觉得你就是高手了么?
人说网页设计师就像戴着枷锁跳舞的舞者.戴着枷锁跳舞的时候,你首先得把体力锻炼得能扛得住这个枷锁,然后才能去研究怎么跳出优美的舞步。而我现在已经在尝试用优美的舞姿征服别人了。你呢?