由于各浏览器开发商的兴趣爱好、技术倾向等种种原因，使得同样的代码写出来的网页在不同的浏览器中并不兼容。站长如果想查看网站在IE、Chrome、FF等主流浏览器中的效果，这里有几个在线的测试网站。
spoon
这个应该是我第一个使用的测试工具，使用前要求安装插件。支持对Chrome、Firefox、Opera、Safari的查看，目前移出了对IE系列浏览器的支持。
Browsershots
这个是集大成者，支持各种操作系统、各种浏览器、各种分辨率等。
netrenderer
只支持IE系列浏览器，从IE5到IE9，速度快，但是截屏只是一屏。（PS：IETester是个不错的IE浏览器本地测试软件。）
2011年11月12日星期六
2011年9月29日星期四
使用CSS解决IE中数字与汉字不在同一水平线上的问题
如下的代码：
<span class="views"><span id="wp">23</span>次浏览</span>
在Chrome和Firefox中的显示效果是：23次浏览。而在IE浏览器中数字“23”会下沉一些（大约1个像素），使得数字与汉字不在同一水平线上，出现略微错位的问题。虽然说不怎么影响浏览效果，但是凡事总得有个解决办法吧。
使用CSS来解决：(也就是在外层span中添加一句代码)
.under span.views{vertical-align:middle;}
或者把数字和汉字放在一起也可以解决的：
<span><span id="wp">23次浏览</span></span>
<span class="views"><span id="wp">23</span>次浏览</span>
在Chrome和Firefox中的显示效果是：23次浏览。而在IE浏览器中数字“23”会下沉一些（大约1个像素），使得数字与汉字不在同一水平线上，出现略微错位的问题。虽然说不怎么影响浏览效果，但是凡事总得有个解决办法吧。
使用CSS来解决：(也就是在外层span中添加一句代码)
.under span.views{vertical-align:middle;}
或者把数字和汉字放在一起也可以解决的：
<span><span id="wp">23次浏览</span></span>
订阅：
博文 (Atom)