CSS改变字体大小而不影响网页
2008-05-01 00:24
190 查看
我们在网页中使用CSS来设置网页、表格和字体大小,一般使用的是网络上较流行的9磅字:
<STYLE type=TEXT/CSS>
BODY { COLOR: #ff0000; FONT-FAMILY: 宋体; FONT-SIZE: 9pt}
</STYLE>
在CSS中,我把FONT-SIZE设置成9pt,在显示设置成小字体时,我们看到的就是小五号字体显示,但在设置大字体的计算机中就会变成了11磅,网页自然会乱。
CSS可以识别多种数值单位,一般有两种确定文字尺寸的常用单位:pt(points)和px(pixels)。pt代表在文本方式下的点阵字体的那个点,而px是屏幕像素单位。由于所有的计算机系统都支持px单位,只是由于各个计算机所设的显示屏幕的分辨率不一样而产生变化,但现在计算机分辨率相差并不是很明显,所以这个问题就很好地解决了。它们之间有一个简单的换算关系,就是pt单位乘以4/3就是px单位,因此把网页FONT-SIZE设置成12px(同9pt大小),就可以解决这个问题。设置成大字体看看,与小字体没什么区别!
<STYLE type=TEXT/CSS>
BODY { COLOR: #ff0000; FONT-FAMILY: 宋体; FONT-SIZE: 9pt}
</STYLE>
在CSS中,我把FONT-SIZE设置成9pt,在显示设置成小字体时,我们看到的就是小五号字体显示,但在设置大字体的计算机中就会变成了11磅,网页自然会乱。
CSS可以识别多种数值单位,一般有两种确定文字尺寸的常用单位:pt(points)和px(pixels)。pt代表在文本方式下的点阵字体的那个点,而px是屏幕像素单位。由于所有的计算机系统都支持px单位,只是由于各个计算机所设的显示屏幕的分辨率不一样而产生变化,但现在计算机分辨率相差并不是很明显,所以这个问题就很好地解决了。它们之间有一个简单的换算关系,就是pt单位乘以4/3就是px单位,因此把网页FONT-SIZE设置成12px(同9pt大小),就可以解决这个问题。设置成大字体看看,与小字体没什么区别!
相关文章推荐
- 让用户自己控制网页字体的大小的css书写方法
- CSS网页设计字体大小(em)探讨
- iOS中通过设置CSS改变WebView字体大小,颜色,背景颜色
- 用动态CSS解决网页的大小字体问题~~论坛推荐~!!!
- JS让网页字体大小随窗口大小改变而改变
- 改变网页文章字体大小
- 让用户自己控制网页字体的大小的css书写方法
- CSS网页设计时关于字体大小的设计
- dreamweaver随记------关于网页在的字体会在“查看---》字体大小”选择“最大、中”会改变的问题
- 利用PHP和CSS改变网页文字大小
- 通过css(name,value)方法动态的改变字体大小
- iOS中通过设置CSS改变WebView字体大小,颜色,背景颜色
- css教程:网页字体及字体大小的设计
- 如何设置android app 的字体大小不受系统字体大小改变的影响
- H5 手机页面字体显示大小与css设置不一致,viewport影响font-size问题
- jquery实现实时改变网页字体大小、字体背景色和颜色的方法
- iOS中通过设置CSS改变WebView字体大小,颜色,背景颜色
- 灵活XHTML和CSS网页设计1-字体大小方案
- 改变网页中的浏览风格(字体大小和背景颜色)
- css如何做到 鼠标移动到超链接时,超链接会发生改变,例如改变颜色、字体大小、背景颜色等