CSS改变字体大小而不影响网页

2016-02-19 21:32 4 1 收藏

只要你有一台电脑或者手机,都能关注图老师为大家精心推荐的CSS改变字体大小而不影响网页,手机电脑控们准备好了吗?一起看过来吧!

【 tulaoshi.com - Web开发 】

   我们在网页中使用CSS来设置网页、表格和字体大小,一般使用的是网络上较流行的9磅字:

  STYLE type=TEXT/CSS
  BODY { COLOR: #ff0000; FONT-FAMILY: 宋体; FONT-SIZE: 9pt}
  /STYLE

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

    在CSS中,我把FONT-SIZE设置成9pt,在显示设置成小字体时,我们看到的就是小五号字体显示,但在设置大字体的计算机中就会变成了11磅,网页自然会乱。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

  CSS可以识别多种数值单位,一般有两种确定文字尺寸的常用单位:pt(points)和px(pixels)。pt代表在文本方式下的点阵字体的那个点,而px是屏幕像素单位。由于所有的计算机系统都支持px单位,只是由于各个计算机所设的显示屏幕的分辨率不一样而产生变化,但现在计算机分辨率相差并不是很明显,所以这个问题就很好地解决了。它们之间有一个简单的换算关系,就是pt单位乘以4/3就是px单位,因此把网页FONT-SIZE设置成12px(同9pt大小),就可以解决这个问题。设置成大字体看看,与小字体没什么区别!

来源:https://www.tulaoshi.com/n/20160219/1626439.html

延伸阅读
如何改变iPhone上的字体大小   最近收到不少朋友关于iPhone默认字体大小的抱怨:虽然iOS默认字号设置是经过精心设计的,但是对于一些用户来说,默认的字号还是显得偏小,导致信息或者其他界面的文字看起来比较吃力。iOS不仅在默认字体大小下提供了不错的显示效果,还允许有特殊需求的用户自定义系统字体大小。我们这里使用iPhone来...
标签: Web开发
字体大小 CSS2规范根据长度水平和垂直尺寸来定义字体。这个长度为一个数值,前面可能带一个可选的加(+)或减(-)标记符。另外,该数值后可能有一个可选的单位标识符。 另外,CSS2规范定义了两个单位类型:绝对单位和相对单位。绝对值指定单位,而相对单位指定一个与另一个值成比例的值。下面的列表列出了相对单位标识符: em:元素字体的高度...
标签: Web开发
很长一段时间,我都使用12px作为网站的主要字体大小。10px太小, 眼睛 很容易疲劳,14px虽容易看清,却破坏页面的美感。唯独12px在审美和视力方面都恰到好处。 谁对我的网站字体大小有意见? 我老爸,他是第一个向我反映看不清我的网站文字的人。这使我意识到12px,其实只是让我觉得很不错而已,而对于那些视力下降明显的中年以上的人来讲,...
标签: Web开发
在Web中使用什么单位来定义页面的字体大小,至今天为止都还在激烈的争论着,有人说PX做为单位好,有人说EM优点多,还有人在说百分比方便,以至于出现了CSS Font-Size: em vs. px vs. pt vs. percent这样的PK大局。不幸的是,仍然有不同的利弊,使各种技术都不太理想,但又无法不去用。真是进也难,退也难呀。 最近在学习em的相关知识的时候,...
发现问题:打开的网站,发现文字特别的小(或者特别大)。   方法一:点击游览器页面的右下角,点击鼠标说指的三角形下拉菜单,然后选择100%,这个时候页面将恢复正常。   ...

经验教程

469

收藏

39
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部