关于网页字体大小的问题

网页|问题

字号的大小? 
论坛里很多讨论,关于pixle 好还是point好? 我就不重复了,在这里我想提出的是字号的大小在CSS里,有很多不同的单位,大致上有三类,

绝对大小:mm, cm, in, pt, pc 
相对大小:em, ex 
相对于设备:px 
可能要多说几句的是 em 和 ex,em 在 css 里代表就是字体字号的大小,例如对于12 pt的字体来说, 1 em 就等于12 pt 范例:

p {
 font-size: 10pt;
 text-indent: 1em
}

也许你会说我可以用text-indent: 10pt来实现同样的效果啊,但那只是在理想的情形下,如果用户觉得他的浏览器设置字体大小为14pt更好的时候,你所设计的比例就失去了,所以相对尺寸对于网页的可伸缩性设计是非常有利的。

ex 和 em 类似,但不尽相同, 回到上面的图示,x-height 对于每一种字体来说是不同的,ex 是根据字体的 x-height 来定义字体的大小。

时间: 2024-08-31 23:47:27

关于网页字体大小的问题的相关文章

网页字体大小设置方法

经常有电脑爱好者朋友由于不小心误操作导致电脑浏览网页时出现了字体变大或变小等,导致使用不习惯.今天编辑与大家简单介绍下网页字体大小怎么设置. 步骤方法 1.其实很多朋友出现网页字体变大或变小都是错误的调整到了网页的缩放比例导致的,正常网页缩放比例是100%,在浏览网页的最右下角可以看到缩放的比例,如果是比例设置不正常,那么网页字体肯定显示不是正常大小了,如下图: 2.如上图所看到的就是正常情况下网页所显示的100%缩放网页字体显示大小,如果调节成75%字体就会变的小了不少,如下图:75%缩放网页

win7系统网页字体大小设置方法

  win7系统网页字体大小设置方法 1.其实很多朋友出现网页字体变大或变小都是错误的调整到了网页的缩放比例导致的,正常网页缩放比例是100%,在浏览网页的最右下角可以看到缩放的比例,如果是比例设置不正常,那么网页字体肯定显示不是正常大小了,如下图: 2.如上图所看到的就是正常情况下网页所显示的100%缩放网页字体显示大小,如果调节成75%字体就会变的小了不少,如下图:75%缩放网页 字体大小,所以当您发现电脑浏览网页出现字体变大或者变小,首先查看下网页缩放比例是否是100%正常数值,我们可以使

如何改变网页字体大小?

  网页的字体太大或太小会造成浏览者的视觉效果差.我们可以通过下面提供的三个方法来恢复到正常的大小. 方法一: 很多朋友出现网页字体变大或变小都是错误的调整到了网页的缩放比例导致的,正常网页缩放比例是100%,在浏览网页的最右下角可以看到缩放的比例,如果是比例设置不正常,那么网页字体肯定显示不是正常大小了,如下图: 如上图所看到的就是正常情况下网页所显示的100%缩放网页字体显示大小,如果调节成75%字体就会变的小了不少. 所以当您发现电脑浏览网页出现字体变大或者变小,首先查看下网页缩放比例是否

如何改变网页字体大小

  1.其实很多朋友出现网页字体变大或变小都是错误的调整到了网页的缩放比例导致的,正常网页缩放比例是100%,在浏览网页的最右下角可以看到缩放的比例,如果是比例设置不正常,那么网页字体肯定显示不是正常大小了,如下图: 2.我们也可以以IE8为例,点击页面菜单查看→选择缩放→根据适合的大小进行调整.如下图: 如上图所看到的就是正常情况下网页所显示的100%缩放网页字体显示大小,如果调节成70%字体就会变的小了不少,如下图: 3.所以当您发现电脑浏览网页出现字体变大或者变小,首先查看下网页缩放比例是

js简单实现调整网页字体大小的方法_javascript技巧

本文实例讲述了js简单实现调整网页字体大小的方法.分享给大家供大家参考,具体如下: //var tgs = new Array('div','td','tr'); var tgs = new Array('td','tr'); //Specify spectrum of different font sizes: //var szs = new Array( 'xx-small','x-small','small','medium','large','x-large','xx-large' );

响应式网页设计:rem设置网页字体大小自适应

文章简介:响应式网页不仅仅是响应不同类型的设备,而且需要响应不同的用户需求.响应式的初衷是为了让信息更好的传递交流,让所有人无障碍的获取信息,同时这也是 Web 的初衷. 首先简单科普一下什么是响应式网页.响应式网页是指会根据输出设备的分辨率不同,而自动调整布局的网页.同时,在输出设备分辨率改变时,也能及时自动调整.说穿了,就是三个字:自适应. 响应式网页不仅仅是响应不同类型的设备,而且需要响应不同的用户需求.响应式的初衷是为了让信息更好的传递交流,让所有人无障碍的获取信息,同时这也是 Web

把控制网页字体大小的决定权交还给用户

控制|网页 现在国内绝大多数的站点都用CSS把字体大小设定为12px,像素虽然也是相对尺寸单位,但只是相对于屏幕的分辨率 ,当屏幕的分辨率一定时,如果你感到字太小,阅读有困难,在非标准浏览器中就无能为力了,所以说,如果把单位改成em,那么就可以用CTRL+鼠标滚动把字放大,或者用菜单上的查看>文字大小来改变字的大小. 如何设定 1.在body标签里将字体尺寸设为62.5%,如果在body里没有CSS设定,那么浏览器默认的大小是16px,设了62.5%,则字体尺寸=16px*62.5%=10px,

网页设计帮助:网页字体大小数据参考

内容转自网络,我也忘了是哪个角落中找过来的东西,实在不好意思. 对于页面来说,字体的大小设置是比较重要的,网上搜集了一些关于网页中字体大小的数据对比,在这共享出来给大家一起看看,希望对大家在页面制作过程中有所帮助! Points   Pixels       Ems            Percent 6pt        8px          0.5em        50% 7pt        9px          0.55em      55% 7.5pt     10px  

做网页字体大小参考 网页中同字号字体的不同单位对比列表_经验交流

对于WEB前端页面开发,字体大小的设置是比较重要,这里找到了一些关于字号大小的数据,共享出来备以后参考,也希望能对大家有用! Points   Pixels       Ems            Percent 6pt        8px          0.5em        50% 7pt        9px          0.55em      55% 7.5pt     10px        0.625em    62.5% 8pt        11px