css设置字体大小会受分辨影响吗,CSS字体大小设置时的参考（转）

font-size 设置的绝对关键字：

以下几个绝对字体大小的设置是有效的。当然他们是浏览器预定义设置的。给元素指定了绝对关键字font-size的时候，该元素就不会继承父元素的字体大小

font-size: xx-small;

font-size: x-small;

font-size: small;

font-size: medium;

font-size: large;

font-size: x-large;

font-size: xx-large;

尽管大多数的浏览器支持上面的关键字，但是他们的精确的大小是不相同滴。

font-size的绝对大小：

fone-size能被设置成下面得绝对大小：

mm: 毫米，例如：10mm.

cm: 厘米 ，例如：1cm ( = 10mm).

in: 英寸(inch),例如 ： 0.39in ( ~= 10mm).

pt: point(点), 1pt 相当于 1/72 英寸， 例如： 12pt.

pc: pica(十二点活字), 1pc 是 12pt

px: pixel(像素), 例如： 14px.

一般说来上面得这些度量单位都有些问题

比如：毫米，厘米，英寸是对于不同媒体介质是不精确地，由于分辨率的设置不同，pt和pc就是相对不可靠地。pix来起来是最合适的，但是它能导致一些辅助性问题：IE下不能重新调整字体的大小。

相对大小：font-size属性能被设置成相对于父节点的字体大小的相对大小。

em: 1em相当于当前字体的1倍大小的字体。2em相当于当前字体的2倍字体大小的字体。

%: 100%相当于当前字体大小, 200% 相当于2倍字体的大小.

ex: 1ex 相当于当前字体中字母 ‘x’高度值一样大小的字体.

很少的开发者使用ex ，实际上某些情况下ex还是相当好用的，比如当你需要更精确的字体的大小的时候，1ex要比0.525em更好，更精确。

%和em的值是等价的，比如:50% = 0.5em, 100% = 1em, 120% = 1.2em等等，

尽管会有很少的一些浏览器有些微妙的差别，但是毕竟那是很少见的问题。如果你想要保存更小的字节，就需要用更短的名字去定义font-size的值。比如：50%要比0.5em占用字节少，1em要比100%占用的字节少。

文本字体的大小和页面放缩。

这是附加复杂深入部分，大多数浏览器允许用户在浏览器中做如下操作：

1.增加或减少基本字体大小(图片除外)

2.页面放缩是所有的文字和图片也相应发生放缩变化。

3.不但允许字体放缩，而且还允许页面放缩

备注(深入理解)：在ie中如果页面中的元素的字体被用px(像素)赋值了，那么该元素的字体在页面放缩的时候不会发生变化。

如果您是有印刷行业背景的设计师将要转移到web设计，那就建议您不要给予用户过多的权利否则他们会打乱您的设计作品。您的设计作品被放大到200%的时候，或者字体减少至50%，就会被破坏掉。

css font-size 设置建议(规范)

一般来说，大多数情况下使用em或者%，这样字体就能被浏览器用更精细比例的字体支持。我个人建议使用百分比%来定义font-size大小，这种做法在一些老的浏览器中支持的也会更好。

当你在开发一个网站的时候有下面的一组建议提供给您：

1. 在testing之前，重置所有浏览器的字体的大小。

2.尽量合理的定义字体的大小，以便于在页面放缩的时候页面仍然保持良好的可读性。

Chrome浏览器下CSS字体大小设置小于12px无效问题

当字体大小被设置小于12px时,IE.firefox可以起作用.但chrome中仍然显示为12px大小. 解决方法为: html, body {     -webkit-text-size-adjus ...

css字体大小设置em与rem的区别

em 单位em是相对于父元素的,如果父元素没有设置字体大小,那就会追溯到body. 比如  如果我在box_text的父元素box加了一个字体大小   那么body的8px就会被box_text的父元 ...

eclipse护眼颜色和字体大小设置

♣eclipse护眼颜色和关键字颜色设置 ♣eclipse字体大小设置(包括jsp , .xml ,.java) 1.Eclipse字体大小调整: 窗口(Window)-首选项(Preferences ...

eclipse中的字体大小设置和背景色设置

1.字体大小设置 在basic下选择最后一个TextFont 护眼背景色设置 添加到自定义颜色后点确定 最后一步点apply

css 字体样式设置

css字体样式(Font Style),属性 时间:2014-05-08 21:49 来源:我爱学习网 | 作者:我爱学习网 | 本文已影响 68353 人   css字体样式(Font Style) ...

(转)CSS字体大小: em与px、pt、百分比之间的对比

CSS样式最混乱的一个方面是应用程序中文本扩展的font-size属性.在CSS中,你可以用四个不同的单位度量来显示在web浏览器中的文本 大小.这四个单位哪一种最适合Web? 这个问题引起了广泛的争 ...

html5移动端页面分辨率设置及相应字体大小设置的靠谱使用方式

对于html5移动端网页编写CSS网上有很多介绍的文章,但在实际使用过程中还是会纠结. 网上的资料太多,且大多都是技术介绍型,特别是针对android上,网上写的各种麻烦,各种复杂,各种不接地气儿.. ...

phpMyAdmin 个性化设置，字体大小设置，去掉“以树形显示数据库”，禁用“发送错误报告”

个性化设置phpMyAdmin 在使用phpMyAdmin 3.5.8.2时,发现: 如果数据库有相同的前缀,左边数据库导航会把前缀合并,即所谓的“以树形显示数据库”,真的有点不习惯,如下图所示: 不 ...

CSS——字体大小最常用的单位

px (像素): 将像素的值赋予给你的文本.这是一个绝对单位, 它导致了在任何情况下,页面上的文本所计算出来的像素值都是一样的. ems: 1em 等于我们设计的当前元素的父元素上设置的字体大小 (更 ...

随机推荐

你真的会玩SQL吗？冷落的Top和Apply

你真的会玩SQL吗?系列目录 你真的会玩SQL吗?之逻辑查询处理阶段 你真的会玩SQL吗?和平大使 内连接.外连接 你真的会玩SQL吗?三范式.数据完整性 你真的会玩SQL吗?查询指定节点及其所有父节 ...

高仿ios版美团框架项目源码

高仿美团框架基本已搭好.代码简单易懂,适合新人.适合新人.新人.      源码你可以到ios教程网那里下载吧,这里我就不上传了,http://ios.662p ...

memcache基础知识

memcached的内存存储机制 Memcached默认情况下采用了名为Slab Allocator的机制分配.管理内存.在该机制出现以前,内存的分配是通过对所有记录简单地进行malloc和free来 ...

集合框架(JCF/Java Collection Framework)

集合的特点:1.数据的类型可以不同2.集合长度可变3.空间不固定集合也是对象,用于检索,存储以及传输对象集合框架的组成Collection接口和Map接口 Collection是Set接口和List接 ...

swift 2.2 语法 (中)

前言: 1.此文中的语法会根据Swift的升级变动而更新. 2.如果需要请移步 -> swift2.2 语法(上).swift 2.2语法(下) 函数 和C语言一样,swift也有函数,性质和我 ...

JS 下拉菜单

HTML

EasyUI-标签(Tabs)用法

用法示例 创建tabs 1. 经由标记创建Tabs 从标记创建Tabs更容易,我们不需要写任何JavaScript代码.记住把 'easyui-tabs' 类添加到

LINQ(LINQ to DataSet)

http://www.cnblogs.com/SkySoot/archive/2012/08/21/2649471.html DataTable.Select()方法使用和 SQL 相似的过滤语法从 ...

Raft、Zab

Raft.Zab 引言 介绍了一致性协议Paxos,今天我们来学习另外两个常见的一致性协议--Raft和Zab.通过与Paxos对比,了解Raft和Z ...

shutdown computer in ad and ou

1. powershell Shutdown-computer –computername (gc c:\temp\serverlist.txt) –force –throttlelimit 10 h ...