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

css|网页

   我们在网页中使用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大小),就可以解决这个问题。设置成大字体看看,与小字体没什么区别!

时间: 2024-12-22 16:03:41

CSS改变字体大小而不影响网页的相关文章

js实现动态改变字体大小代码

 本文为大家介绍下使用js如何实现动态改变字体大小,感兴趣的额朋友不要错过 代码如下: <!DOCTYPE html>  <html>  <head>  <title>修改字体大小.html</title>    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">  <meta http-equiv="

Word2007多种改变字体大小的技巧

  对Word文档中字体大小的修改设置也是我们经常要操作到的.有时候一篇文档常常要分别对标题和正文字体大小进行设置,这样看起来整体大方,当然也有为了文档看到更加舒服,字体变大也是常有的事. 方式一:选中需要改变字体大小的文本块,然后在"开始"功能区的"字体"分组中单击"字号"下拉三角按钮,在字号下拉列表中选择合适的字体大小. 字体大小 方式二:选中需要改变字体大小的文本块,在"开始"功能区的"字体"分组中,

android手势缩放改变字体大小

今天看到网上有人写的自定义TextView  来实现文本字体手势缩放来改变字体大小, 主要是通过手势来判断手指落下的俩点之间的距离有没有变化,如果俩点的距离一直在变化,那么就是要进行缩放操作,然后调用缩放的代码 private void setTouchListener(){view.setOnTouchListener(new OnTouchListener(){@Overridepublic boolean onTouch(View v, MotionEvent event){switch

js实现动态改变字体大小代码_javascript技巧

在很多大网站上为了提高用户方便阅读文字,都提供有字体大小选择功能,以适应不同年龄段人群的阅读需求,其实这种功能实现起来也很简单,修改起来也方便,字体大号由你来定,默认字体大小可以CSS页面中定义,一般网页的标准字体是9pt,也就是12px: 实例代码一: <!DOCTYPE html> <html> <head> <title>修改字体大小.html</title> <meta http-equiv="keywords"

CSS样式表一席谈之利用CSS改变字体

css|样式表 在过去页面上的字体是一成不变的,静静的呆在那.当DHTML(动态网页)出现后,我们能有更多方式控制字体了.一般来说,动态字体的实现核心是CSS(层叠样式表)加JavaScript.使用了以上两项技术后,字体就能产生许多变化. 1.CSS定义字体的标签元素 font-family: 设置字体字族. <span style="font-family: 黑体, 宋体(GB)">田涛</span> font-sytle:设置字体类型. <span

jquery更换文章内容与改变字体大小代码_jquery

复制代码 代码如下: <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <script language="javascript教程" src="到jquery官网下载jquery文件.js"></script>

js 改变字体大小

大 中 小 js 改变字体颜色 js 字体大小 js设置字体大小 js 改变窗口大小 js 改变窗体大小 js 设置字体颜色 js 字体加粗 js 字体颜色 js 字体 js字体乱码

Google Chrome浏览器下CSS设置字体大小无法生效

•在html或者body里添加一句谷歌浏览器专有的属性.  代码如下 复制代码 html,body{      -webkit-text-size-adjust:none; } 注意:如果使用了这个属性,浏览器的字体将不能使用放大缩小功能!(就是按住CTRL键上下滚动鼠标中键的那功能) • Google Chrome 下字体无法正常缩放大小

javascript 改变字体大小方法集合[原创]_javascript技巧

字体: 小中大 www.jb51.net 欢迎大家的光临.