手机浏览器目前比较流行的大概有自带、UC、QQ、百度,每个手机浏览器的厂商会根据不同的手机品牌的不同型号为客户匹配不同的手机浏览器。这次我和另外一个同事负责公司的wap页面改版工作,顺便说一下,我们是中国移动的漫画运营商。吃了不少苦,留下一点经验,希望对大家有点用处。
1 刚开始我们是根据不同手机浏览器的UA值来给不同的手机浏览器适配不同的CSS属性,最后还适配了不同的CSS文件;但是这样的问题是,不同手机浏览器的UA值并没有一定的规律,尤其是Android的手机自带浏览器,更是没规律;手头又没有大量的UA资源,再加上一些其他的原因,最后不得不放弃。
2 第二种方案,重写我们的div和CSS。这里有几点经验要记下:
1 背景图与背景色配合使用,即取与背景图相近的颜色当背景色。这样是因为如果手机浏览器加载不了背景图、背景色也会显得比较好看。
2 背景图的CSS属性 URL(...),URL中的值不要用“”括起来,这样会导致三星GT-i9008上的QQ浏览器加载不了背景图;
3 页面要尽量少用<br/>来换行,可以用div来代替;
4 连接的颜色不要取#000000,这个值有的UC浏览器不认,取一个近似的就好;
我的QQ:864157225,热盼高手的指导。