没错, IE8 !在中国还有超过一成的人用 IE8 :
http://tongji.baidu.com/data/browser
只能用 JS 去实现了:
代码: https://github.com/httpliuzhiyongme/homepagejs (所有“ IE8_”开始的函数是专门针对 IE8 滴)
效果: http://liuzhiyong.me/ (可以调整窗口大小,看内容自动适应浏览器窗口——是的,支持 IE8 )
得到的一些经验:
1. 窗口宽度“ window.innerWidth ”不管用,要读取 clientWidth
2. IE8 没有 devicePixelRatio ,可以认为等于 1 (用户的屏幕应该不是高清的)
3. CSS 很多效果不管用,例如这个页面用到的“圆角 H2 ”。通过动态加载 PIE.js 然后实现“圆角”
4. 动态加载 JS 文件时, onload 在 IE8 没用,得用 onreadystatechange 事件
5. IE8 解析网页真的很慢, CSS 没有起效时,显示得一团糟。解决办法就是在 CSS 起效前隐藏文档(起效后显示)
6. 同样的 font-size , IE8 显示的比 Chrome 小(至少 Win7 上是这样,我没有 WinXP ),要特别关照
7. 这个不是 IE8 的: Firefox 和 Chrome 的缺省 line-height 不一样,对这个有要求的话,一定要设置 line-height
http://tongji.baidu.com/data/browser
只能用 JS 去实现了:
代码: https://github.com/httpliuzhiyongme/homepagejs (所有“ IE8_”开始的函数是专门针对 IE8 滴)
效果: http://liuzhiyong.me/ (可以调整窗口大小,看内容自动适应浏览器窗口——是的,支持 IE8 )
得到的一些经验:
1. 窗口宽度“ window.innerWidth ”不管用,要读取 clientWidth
2. IE8 没有 devicePixelRatio ,可以认为等于 1 (用户的屏幕应该不是高清的)
3. CSS 很多效果不管用,例如这个页面用到的“圆角 H2 ”。通过动态加载 PIE.js 然后实现“圆角”
4. 动态加载 JS 文件时, onload 在 IE8 没用,得用 onreadystatechange 事件
5. IE8 解析网页真的很慢, CSS 没有起效时,显示得一团糟。解决办法就是在 CSS 起效前隐藏文档(起效后显示)
6. 同样的 font-size , IE8 显示的比 Chrome 小(至少 Win7 上是这样,我没有 WinXP ),要特别关照
7. 这个不是 IE8 的: Firefox 和 Chrome 的缺省 line-height 不一样,对这个有要求的话,一定要设置 line-height