首页
学习
活动
专区
工具
TVP
发布

CSS文字大小单位px、em、pt(转)

IE无法调整那些使用px作为单位的字体大小;   2. 国外的大部分网站能够调整的原因在于其使用了em作为字体单位;   3....Firefox能够调整px和em,但是96%以上的中国网民使用IE浏览器(或内核)。 px像素(Pixel)是相对长度单位,像素px是相对于显示器屏幕分辨率而言的。...(引自CSS2.0手册)   字体单位使用em能支持IE6下的字体缩放,在页面中按ctrl+滚轮,字体以px单位的网站没有反应。  ...px是绝对单位,不支持IE的缩放   em是相对单位,网页中的文字能放大和缩小。将行距(line-height),和纵向高度的单位都用em。...也就是说只需要将你的原来的px数值除以10,然后换上em作为单位就行了。

1.5K20

分享:CSS长度单位px和pt的区别

但在这种情况下,使用px和pt都是无效的,因为这2个都是有实际“pixel”数值的单位,比如9pt是12px,大小固定。这里要引用新的单位:em,其实就是%。...(只适用于IE,在FF中,即便定义px或pt也都可以变大变小) 所以,从这个概念上看,em才是真正的“相对单位”(百分比嘛,当然是相对),而px和pt都是绝对单位(都有固定值)。...在网页设计中,面向用户的屏幕的基本单位px,因此使用px作为单位是最简单也最容易理解的,而pt也不过是通过了Windows的设置乘上了一个比率转变成px再显示,算是绕了个圈子。...参考大部分大型网站,包括Adobe和Microsoft,都是使用px作为单位,而且在HTML中,默认的单位就是px,是不是也暗示着px是网页设计的“内定单位”?...最后整理一下所有出现过的单位px:pixel,像素,屏幕上显示的最小单位,用于网页设计,直观方便; pt:point,是一个标准的长度单位,1pt=1/72英寸,用于印刷业,非常简单易用; em

2.1K20
您找到你想要的搜索结果了吗?
是的
没有找到

Android的计量单位px,in,mm,pt,dp,dip,sp

px   :是屏幕的像素点 in    :英寸 mm :毫米 pt    :磅,1/72 英寸 dp   :一个基于density的抽象单位,如果一个160dpi的屏幕,1dp=1px dip  ...建议使用sp作为文本的单位,其它用dip dip和px 的关系: QVGA:    density=0.75;      densityDpi=120;     QVGA(240*320) HVGA:...*400px (两个点对应一个分辨率) 状态栏和标题栏高各19px或者25dip  横屏是屏幕宽度400px 或者800dip,工作区域高度211px或者480dip 竖屏时屏幕宽度240px或者480dip...480px*800px (一个点对于一个分辨率) 状态栏和标题栏高个38px或者25dip  横屏是屏幕宽度800px 或者800dip,工作区域高度442px或者480dip 竖屏时屏幕宽度480px...当屏幕densityDpi=120时,使用ldpi标签的资源 不加任何标签的资源是各种分辨率情况下共用的 布局时尽量使用单位dip,少使用px dp与px换算公式: pixs =dips * (densityDpi

87720

为什么margin、padding和其他间距技术应使用 px 单位

CSS 的长度和百分比数据类型是什么? CSS 长度是距离值的一种。CSS 百分比与长度类似,但区别在于它们总是页面中其他内容的一部分,具体取决于它们与什么属性一起使用。...绝对长度单位总是相同的,而不是基于页面中的其他内容 相对长度单位单位可以改变,并基于字体和视口 如何确定何时使用绝对或相对 CSS 单位?...那么,在使用相对长度单位时,我们要针对哪些用户行为进行设计呢? 增加文字大小设置 调整浏览器窗口大小 放大或缩小页面 使用移动设备阅读 在所有这些情况下,用户最关心的是什么?...更新为 px 单位后 为了展示如果这个网页使用 px 单位而不是 rem 单位来设置 margin 和 padding,它将会是什么样子,我使用了浏览器开发者工具检查了 HTML 和 CSS,并覆盖了一些...这充分体现了让该部分的媒体查询使用 rem 单位而不是 px 单位的好处。

6210

「css基础」一次搞懂CSS 字体单位px、em、rem 和 %

网页( 单位 ) px:绝对单位,代表屏幕中每个「点」( pixel )。 em:相对单位,每个子元素通过「倍数」乘以父元素的px值。 rem:相对单位,每个元素通过「倍数」乘以根元素的px值。...%:相对单位,每个子元素通过「百分比」乘以父元素的px值。...html{ font-size:16px; } html * { font-size: 1rem; } px px 是绝对单位,因此只要设定多少px,就会精确的呈现,对于一些讲求精准位置的排版而言十分有用...em em是相对单位,为每个子元素通过「倍数」乘以父元素的px值,如果我们每一层div都使用1.2em,最内层就会是16px x 1.2 x 1.2 x 1.2 x 1.2 x 1.2 = 39.8px...rem rem是相对单位,为每个元素通过「倍数」乘以根元素的px值,如果我们每一层div都使用1.2rem,最内层就会是16px x 1.2 = 19.2px

3.2K20

【说站】css样式单位px,em,pt,ex,pc,in,mm,cm详解

在写css样式的时候最常用的长度单位px(像素),除此之外经常会碰到em、pt等等。...其实css中的长度单位px、em、pt、in、ex、pc、mm、cm、ch、rem、vw、vh、vmin、vmax。下面品自行将对这些css样式的长度单位做详细说明。...css容器的大小我们经常用px单位;字体大小(font-size)很多人用px单位,其实用px做字体单位唯一的致命缺点就是在IE下无法用浏览器字体缩放的功能。 2、em:相对长度单位。...1in = 96px = 2.54cm 7、mm:毫米(Millimeter),绝对长度单位。国人常用的尺寸; 8、cm:厘米(Centimeter),绝对长度单位。...长度由一个数字和单位组成如 8px,2em,10in,7pt,20pc等等。 数字与单位之间不能出现空格。如果长度值为 0,则可以省略单位

1.6K21

前端css单位小结:vh、vw、百分比、rem、px、计算属性calc

前端css单位小结:vh、vw、百分比、rem、px、计算属性calc 1 vh 视口的高度,也就是眼睛可以看到屏幕的高度,如果你的屏幕分辩率为1920*1080,那么视口的高度就是1080px,vh可用于写自适应...2 vw 与vh相对的,视口的宽度,同理,如果你的屏幕分辩率为1920*1080,那么视口的宽度就是1080px,vw可用于写自适应。一般给css div的width赋值用。...4 rem 根据根元素来变化大小,如果在根元素设置10px,那么1rem=10px。亦可用于自适应布局。...5 px 固定的像素点,虽然这个没办法自适应,但是,天下武功,为快不破,px可以很精确,是自适应比不了的,当我在做一些很精确的页面时,必然得用px来控制。...有时候在自适应的布局下,边框线通常用px来设定,比如1px啥的。 6 计算属性calc height: calc(~'100% - 7.4rem - 10px'); 这就是计算属性咯。

82020

CSS:绝对单位、相对单位

在第二个box里,300px的小框跟上面的框的300px一样长,而第二个框里面的50%跟第一个框的50%为不一样,这个就很好的解释了相对单位和绝对单位。...px px 是 pixels(像素)的缩写,是一种绝对单位,用于屏幕显示器上,传统上一个像素对应于计算机屏幕上的一个点,而对于高清屏则对应更多。...一个“600x400”解析度的照片的长宽分别为“600px”以及“400px”,所以照片本身的像素并不会与显示装置像素(可能非常小)一致,而是与 px 单位一致。...但也有人认为px是一个相对单位,因为不同的设备像素大小是不一样的,比如手机屏幕的像素就比电脑小很多。...: 2em; /* 2em = 2*16px */ } 总之em的计算单位相对来说比较复杂,现在已经不建议使用,如果你要兼容的浏览器是现代浏览器的话,那么可以使用下面要介绍的 rem 单位

2K20

CSS3 的视口单位vw、vh实现自适应(带有px,em,rem的简单介绍)

一、px,em,rem,vw的简单介绍 ? 1、px px其实就是像素的意思,全称pixel,也就是图像的基本采样单位。对于不同的设备,它的图像基本单位是不同的,比如显示器和打印机。...所以总的来说px就是对应我们显示器的分辨率。这样就会有个问题就是如果使用px的话我们就要根据不同电脑的分辨率来做自适应,有点麻烦。 2、em em是相对长度单位。...如果使用em的话,有个好的建议,就是将body的font-size设置成62.5%,也就是16px * 62.5% = 10px。这样的话1em = 10px,方便我们计算。...vw是可视窗口的宽度单位,和百分比有点一样,1vw = 可视窗口的宽度的百分之一。比如窗口宽度大小是1800px,那么1vw = 18px。...总结: 个人认为视口单位是个用来做响应式布局很不错的单位,当然如果要使用vw,vh,我的建议是rem结合vw来开发,因为视口单位有个缺点就是它没有最小或者最大限制,这就达不到我们都时候所希望的一个限制

1.6K10

px、em、rem

1、px 1个px相当于一个像素 2、em em是相对的长度单位,既然是相对的长度单位,那么一定有一个参照对象。...具有继承的特点,如果em的父元素没有设置font-size,那么它会去找他父元素的父元素,一级级的往上找,知道找到位置 当没有设置font-size时,浏览器会有一个默认的em设置,一般设置为:1em = 16px...3、rem rem也是相对的长度单位,参照对象为根元素html,参照物固定不变,所以比较好计算。...当没有设置font-size时,浏览器会有一个默认的rem设置,一般设置为:1rem = 16px 若根元素html字体大小设置为:font-size:62.5% ,则 1rem = 10px (10.../16*100%) 若根元素html字体大小设置为:font-size:100% ,则1rem = 16px

1.3K20
领券