UCWEB7增加了对CSS的支持
UCWEB7正式版声称增加了对某些CSS的支持,昨晚上调试blog的手机版,发现它的确增加了对某些css的功能:
- 现在h1,h2,h3,p等标签都有默认式样了,比如h1,h2,h3默认字体会大一些,p有了margin-top,这样文章的段落就不会挤到一块儿。
- 可指定字体大小,支持em和px单位。
- 已经支持border,但无法指定border宽度,所有border都是1px宽度。
- 已经支持margin和padding,加上上面的border,可以实现大部分的排版需求(因为屏幕太小,手机网页的排版本来就不能太复杂)。
但是ucweb7有一个新的bug,当网页高度超过手机屏幕高度后,侧栏出现滚动条时,网页会出现一个全局的margin,比如网页头部和底部会多出一片空白区域。但我看到某些网页不会出现这种情况,原因不明。
根据ucweb7正式版调整了一下阅微堂的手机版,欢迎测试,地址: http://zhiqiang.org/blog/,用手机上才看得到效果。
UCWEB7 Beta2或之前的ucweb版本对css style的支持非常差,下面是ucweb6.7对css的支持情况,可以看出ucweb7在css式样表的支持上的确有所改进:
1. 标签的默认样式基本全无,省的reset了
2. 甭想改变字体和字号,甭想加粗
3. 可以设背景色,但设背景图没戏
4. 除了图片和input[type=image]可以设宽高外,其它元素都无法定义宽高
5. 根本无法实现左右布局,用table也没戏
6. 定义不了margin和padding
7. hr表现为一条虚线
8. 无法定义button的样式,只能用image类型的input代替
9. 似乎只有li标签支持float属性
10. input输入框无论怎样都独占一行
11. 居然支持dataURI (但仍然会在前面的图片显示完再显示)
12. 别改变body的背景色,会出问题
13. javascript就更不支持了
test by Kejun
自从opera mini给封了之后,不得不转到UCWeb上面
都是技术类的文章啊。