我发现,如果使用绝对的px来规定字体大小的话,在非ie的浏览器里面可以仅针对于文字进行缩放,但是可能会破坏布局,而将整个页面缩放的功能则比较常用简单。但是,在ie6下面,没有整体缩放这个功能,而如果仍然用px来定义大小,那么将导致调整文字大小这个功能失效。也就是说,用px,ie6下就没办法改变字体大小的。
而如果我们不用px定义大小而用百分号的话。ie6下的默认字体大小会比ff偏大一些,所以不能直接在body里面定义百分号。于是就想到了hack。
我单独开一个css文件,叫ie6.css讲关于ie6的hack全部都放在这里面,这样便于管理。
里面写道
body{
font-size:70% !important;
}
有人说ie6不是不支持!important的吗?其实ie6是支持的,但是是有bug的,利用这个bug可以做hack。我们这里没有用这个bug。
再在正常的css文件里面写道
body {
color: black;
font-family: Tahoma, Helvetica, Arial,"\5fae\8f6f\96c5\9ed1" ,"\5b8b\4f53",sans-serif;
font-size:85%;
}
可以看到font-size是有区别的。
那么怎么让ie6加载ie6.css呢?我们用条件注释来做。
<!--[if IE 6]>
<link rel="stylesheet" href="ie6.css}" />
<![endif]-->
这样就ok了。
在body子元素的字体大小定义中,用em来代替px。这样整个页面都可以同步。
另外用em来当做line-height:padding、margin或者是border也可以达到同步的效果,很不错的哦!
分享到:
相关推荐
手机版360浏览器怎么设置字体大小.docx
解决win7中使用chrome浏览器打开网页字体模糊的问题
JavaScript 获取浏览器的显示区域大小信息.txt JavaScript 获取浏览器的显示区域大小信息.txt JavaScript 获取浏览器的显示区域大小信息.txt JavaScript 获取浏览器的显示区域大小信息.txt
主要介绍了JS根据浏览器窗口大小实时动态改变网页文字大小的方法,涉及JavaScript针对页面宽高的动态获取与元素样式动态运算的相关技巧,需要的朋友可以参考下
360极速浏览器字体大小设置.docx
FitText.js文字字体大小自适应浏览器窗口大小
打开IE浏览器页面那些字都变得很大但桌面上的字体都是正常大小只有打开浏览器的字体是超大的浏览器的字体大小怎么改_360问答.mht
浏览器窗口大小变化时使用resize事件对框架不起作用的解决办法,如下: 代码如下:$(window).resize(function(){var surH = $(window).height();$(“.pic_conent”).height(surH);} 当浏览器变化,拉大拉小时,没有...
自适应窗口大小,兼容各浏览器,高度没有被限制,不会出现水平滚动条哦
chrome浏览器自带字体怎么修改为默认雅黑?.docx
易语言四窗口浏览器源码,四窗口浏览器,选择字体大小
有的朋友下载收藏了大量的字体,但是这些字体中有的是不想要的,那么如何快速预览字体呢?fontviewok就来帮您解决这一问题,它是一款小巧免费的字体浏览软件,fontviewok不但是小巧,简直是小的不能再小——96kb!...
本文介绍了重置浏览器的默认值的方法,重设浏览器的字体大小你可以使用雅虎的用户界面重置的CSS方案
360浏览器小号多开使用,有了它,上多个小号轻松的恨啊
关于获取各种浏览器可见窗口大小,各种各样的窗口大小,也有一些讲解,非常适合当做工具书收藏起来,各位看官千万不要错过哦。
由于新版chrome浏览器(77以下版本)不能设置字体编码,我找了一个插件和大家一起分享,插件安装的方式自行搜索。 高版本请移步 https://download.csdn.net/download/King_flag/11998490 如果没有积分,请加群...