win7下的ie8 5800下的opear mini
| September 11, 2009 | Posted by 叶子 under 闲 |
前几日使用了sticky footer的css，就是那个著名的底栏居浏览器最下的技术，测试了几日没问题，于是今天把passid的底栏代码调整了下，合并到了同一个ul，算是html代码优化吧。
本机发布了下，于是拿不同的浏览器看效果，无意的刷了下ie8，发现了问题：底栏超高了。再次刷新，约30%的几率会出现超高，其余正常。抓狂=_=
这个才是正常的
开始以为是footer超高，加上边框看下效果，发现没有。那么可能就是主体部分padding可能计算出错咯。于是一步步恢复，同时多次刷新测试。差不多恢复到一半，依旧这样的现象。难道我的xhtml格式错了么，于是右键查看源代码，这一看就发现了问题，我去掉了，这个是让ie8运行ie7的兼容模式，恢复到最后，加上再次刷新：这次正常了。
再测试，我用的dtd是xhtml1-strict，去掉EmulateIE7，去掉dtd，正常。仔细看css，发现里面我强行限制了上下滚动条，去掉EmulateIE7，加上dtd，去掉上下滚动条，也正常。于是加上保留上下滚动条，加上左右滚动条，这次也正常。去掉dtd是quirks模式，这个不谈。
合计如下（IE8）：
看起来结果很好，其实1勉强能接受，让ie8模拟ie7，2错，3是quirks模式，4是没有了上下滚动条，内容不足时候比较光秃秃的，之后只剩下5，缺陷就是overflow-x和y不是标准css。
总结就是：body宽高度100%时候，ie8强制上下滚动时候，左右滚动条可能也会出现导致位置错，ie7则无这个问题。
权衡之下，选了4。
这个正常后就拿5800自带的看，5800自带的浏览器是Mozilla/5.0+(SymbianOS/9.4;+U;+Series60/5.0+Nokia5800d-1/21.0.101;+Profile/MIDP-2.1+Configuration/CLDC-1.1+)+AppleWebKit/413+(KHTML,+like+Gecko)+Safari/413，正常。想起来还有个opera mini，得，这下完全变形了。搜了下相关资料，发现opera mini不是一个兼容大多pc浏览器的，而纯粹算个手持设备的专用版本，看来短期内想和pc版兼容无望了。
这么说来，还是ipod touch上的safari更招人喜欢些。
Tags – passid.net
]]>
Recent Comments