读书人

在浏览器其间统一字体大小使用百分号

发布时间: 2012-10-08 19:54:56 作者: rapoo

在浏览器之间统一字体大小,使用百分号

我发现,如果使用绝对的px来规定字体大小的话,在非ie的浏览器里面可以仅针对于文字进行缩放,但是可能会破坏布局,而将整个页面缩放的功能则比较常用简单。但是,在ie6下面,没有整体缩放这个功能,而如果仍然用px来定义大小,那么将导致调整文字大小这个功能失效。也就是说,用px,ie6下就没办法改变字体大小的。

?

而如果我们不用px定义大小而用百分号的话。ie6下的默认字体大小会比ff偏大一些,所以不能直接在body里面定义百分号。于是就想到了hack。

?

我单独开一个css文件,叫ie6.css讲关于ie6的hack全部都放在这里面,这样便于管理。

?

里面写道

?

可以看到font-size是有区别的。

?

那么怎么让ie6加载ie6.css呢?我们用条件注释来做。

?

?

?

这样就ok了。

?

在body子元素的字体大小定义中,用em来代替px。这样整个页面都可以同步。

另外用em来当做line-height:padding、margin或者是border也可以达到同步的效果,很不错的哦!

?

?

1 楼 xieye 2011-03-11 《无懈可击的css》第一章讲了 2 楼 select*from爱 2011-03-21 除非客户明确需求,我现在编码不考虑IE6 3 楼 s929498110 2011-03-21 IE6
。。。。。。 4 楼 hilly 2011-03-21 声明:
本公司所做网站不支持IE8以下版本!
不支持Chrome10以下版本!
不支持FF3以下版本!
不支持Opera11以下版本!
不支持鼠标点击!
不支持... 5 楼 xisuchi 2011-04-19 IE6.怪胎.

读书人网 >Web前端

热点推荐