网页单位em与px的比较

1em=16px.

em具有继承性。

如果定义了

body{
font-size=12px;
}
#title{
font-siez=2.6em;
}


而id=title恰好在body里面,那么,id=title的字体大小就是2.6*16-12=29.6px

国外大多用em作为字体单位,因为ie和ff都能调整大小

ie无法调整px作为单位的网页字体大小

作为设计来说各有利弊

用em作为单位的好处是方便老年人阅览,方便非JS方式调整大小。

用px作为单位的好处来说是不管浏览器字体大小如何设置,都不会“乱套”。但是可以通过JS方式调整大小。

我个人喜欢后者。

时间: 2024-08-23 04:09:21

网页单位em与px的比较的相关文章

CSS尺寸和字体单位-em、px还是%

在页面整体布局中,页面元素的尺寸大小(长度.宽度.内外边距等)和页面字体的大小也是重要的工作之一.一个合理设置,则会让页面看起来层次分明,重点鲜明,赏心悦目.反之,一个不友好的页面尺寸和字体大小设置,则会增加页面的复杂性,增加用户对页面理解的复杂性:甚至在当下访问终端(iPhone.iPad.PC.Android-)层出不穷的今天,适应各式各样的访问终端,将成为手中的一块"烫手的山芋".所以在近几年,"九宫格"式的"流式布局"再度回归.为了提供页

CSS中em和px的区别

Font-size:1.5em; 其实在国外CSS编写中,使用em作为单位是很多的,一是人性化考虑,二是受到美国劳工部Section508法案的强行限制.那么在网页设计中,常用到的度量单位一共有三种,分别是px/em/pt: *px单位名称为像素,相对长度单位,像素(px)是相对于显示器屏幕分辨率而言的,国内的网站很多都是采用px作为单位的. *em单位名称为相对长度单位.相对于当前对象内文本的字体尺寸.在国外使用的很多.众多先进浏览器[IE除外的基本都是]都支持字体调整. *pt单位名称为点(

css中单位em和rem

一.介绍 1.em w3cschool中给出css中尺寸单位如下: 单位 描述 % 百分比 in 英寸 cm 厘米 mm 毫米 em 1em 等于当前的字体尺寸. 2em 等于当前字体尺寸的两倍. 例如,如果某元素以 12pt 显示,那么 2em 是24pt. 在 CSS 中,em 是非常有用的单位,因为它可以自动适应用户所使用的字体. ex 一个 ex 是一个字体的 x-height. (x-height 通常是字体尺寸的一半.) pt 磅 (1 pt 等于 1/72 英寸) pc 12 点活

如何把psd设计图的宽度和高度计算出成网页的宽高PX

问题描述 如何把psd设计图的宽度和高度计算出成网页的宽高PX 怎么样把psd设计图还原成html页面.但是psd设计图宽高和html宽高不一样?如何把psd设计图的宽度和高度计算出成网页的宽高PX 解决方案 通常图片大小是一样的,问题是插到表格里之后的格式,还有表格的样式.......... 在html里面插入图片时设置图片的大小: 另外可以在CSS层样式表里定义,然后调用. 解决方案二: img align="absmiddle" src="https://img.ali

html-web开发中em 百分比 px pt等需要注意的细节和他们的差别

问题描述 web开发中em 百分比 px pt等需要注意的细节和他们的差别 新手在用appcan开发手机应用,用的是html css js,在页面自适应屏幕方面遇到困难,例如"使用百分比控制刷新钮的宽度,那么在低分辨率和高分辨率之间将会有非常大的偏差."我对这个细节不理解.

网页字体font-size的控制 em与px的终极PK!

控制|网页 这里引用的是Jorux的"95%的中国网站需要重写CSS"的文章,题目有点吓人,但是确实是现在国内网页制作方面的一些缺陷.我一直也搞不清楚px与em之间的关系和特点,看过以后后确实收获很大.平时都是用px来定义字体,所以无法用浏览器字体放大的功能,而国外大多数网站都可以在IE下使用.因为 1. IE无法调整那些使用px作为单位的字体大小: 2. 国外的大部分网站能够调整的原因在于其使用了em作为字体单位: 3. Firefox能够调整px和em,但是96%以上的中国网民使用

font-size的控制 em与px的终极PK!

这里引用的是Jorux的"95%的中国网站需要重写CSS"的文章,题目有点吓人,但是确实是现在国内网页制作方面的一些缺陷.我一直也搞不清楚px与em之间的关系和特点,看过以后后确实收获很大.平时都是用px来定义字体,所以无法用浏览器字体放大的功能,而国外大多数网站都可以在IE下使用.因为  1. IE无法调整那些使用px作为单位的字体大小:  2. 国外的大部分网站能够调整的原因在于其使用了em作为字体单位:  3. Firefox能够调整px和em,但是96%以上的中国网民使用IE浏

em和px比较

1em=16px. em具有继承性. 如果定义了 body{font-size=12px;} #title{font-siez=2.6em;} 而id=title恰好在body里面,那么,id=title的字体大小就是2.6*16-12=29.6px 国外大多用em作为字体单位,因为ie和ff都能调整大小 ie无法调整px作为单位的网页字体大小 作为设计来说各有利弊 用em作为单位的好处是方便老年人阅览,方便非JS方式调整大小. 用px作为单位的好处来说是不管浏览器字体大小如何设置,都不会"乱套

css的em/ex/px/pt(css长度单位)使用介绍

  em:1em为当前字体font-size,一般浏览器默认为(16px); ex:以给定字体的小写字母x的高度为基准 px:像素,屏幕上的一个小方格 pt单位名称为点(Point),绝对长度单位一般老版本的table使用长度大小单位但是现在基本上没有使用