python html5 bootstrap 视频教程

德云社区

 找回密码
 立即注册

扫一扫,访问微社区

QQ登录

只需一步,快速开始

数字 IDE 网页 ── \"所见即所得\" 编写 HTML4、HTML5 静态 \"网站站群\" 动态网站,生成 Robots、站点地图,死链检测,强大文本编辑器功能。。。集成中英自动 TTS 文本诵读功能。。。
数字 IDE Python ── 支持 \"极速编写-重构\" Python、Django、HTML5、XML、C/C++、Java、Perl、PHP、Ruby、C#、VB .Net 等程序源代码。。。集成了很多常用编程智能辅助工具。。。
业务范围:
01、企业 \"内部 | 外部\" 数据管理、分析、挖据
02、企业效率优化专用 APP 程序定制、IT 外包
03、智能数字化系统平台架设、开发、部署、维护
04、高仿真、低成本,可动画-可 VR 数字样机建模、开发、规划
05、企业 Linux 云计算 \"IaaS | SaaS\" 服务器架设、开发、部署、维护
06、\"标准 | 非标\" 设备全流程研发,PLC、单片机、工控系统开发、集成
07、企业 Linux / Windows 平台 PLM、ERP 系统架设、开发、部署、维护
08、企业 Linux / Windows 平台 \"内网 | 外网\" 服务器架设、开发、部署、维护
09、企业微信公众号智能互动营销、策划,Web 网站代码、SEO 排名优化,大数据网络推广
10、企业跨平台、跨硬件、跨浏览器 HTML5 Web 电子商务平台、\"静态 | 动态\" 网站开发、部署、维护
11、企业文档、资料、公司网页多语种翻译,数据资料标准化、版本化、数字化管理的规划、研发、实施
数字翻译 ── 能 \"批量翻译\" 文档 GUI 用户界面。。。网页浏览 批处理 全文搜索 全文替换 全文删除 全文插入 数据比较 。。。集成中英自动 TTS 文本诵读功能。。。
查看: 1342|回复: 2

px 与 em 的区别及换算

[复制链接]

161

主题

271

帖子

1182

积分

超级版主

Rank: 8Rank: 8

金钱
702
金币
17
威望
0
贡献
0
发表于 2014-12-3 23:01:47 | 显示全部楼层 |阅读模式
|          

为什么有时要使用 em?
  字体单位应该用em而不用px,原因简单来说就是 支持 IE6 下的字体缩放,在页面中按ctrl+滚轮,字体以px为单位的网站没有反应。px是绝对单位,不支持IE的缩放,em是相对单位。  
  在调整的时候,发现不仅仅是字体,将行距 (line-height),和纵向高度的单位都用 em。保证缩放时候的整体性。
  怎么将 px 换成 em 呢?因为中文站用 px 的太多了,如果你是对代码不敏感的纯设计师,可以向技术人员或者页面制作人员请教:

em 为何物?
  em 指字体高,任意浏览器的默认字体高都是 16px。所以未经调整的浏览器都符合:1em=16px。那么12px=0.75em,10px=0.625em。为了简化 font-size 的换算,需要在 css 中的 body 选择器中声明 Font-size=62.5%,这就使 em 值变为 16px*62.5%=10px,这样 12px=1.2em,10px=1em,也就是说只需要将你的原来的 px数值除以 10,然后换上 em 作为单位就行了。

em有如下特点:
  1.em的值并不是固定的;
  2.em会继承父级元素的字体大小。

重写步骤:
  1.body 选择器中声明 Font-size=62.5%;
  2.将你的原来的 p x数值除以 10,然后换上 em 作为单位;
  简单吧,如果只需要以上两步就能解决问题的话,可能就没人用px了。经过以上两步,你会发现你的网站字体大得出乎想象。因为 em 的值不固定,又会继承父级元素的大小,你可能会在 content 这个 div 里把字体大小设为 1.2em,也就是 12px。然后你又把选择器 p 的字体大小也设为1.2em,但如果 p 属于 content 的子级的话,p 的字体大小就不是 12px,而是 1.2em=1.2*12px=14.4px。这是因为content 的字体大小被设为 1.2em,这个em值继承其父级元素 body 的大小,也就是 16px*62.5%*1.2=12px,而 p 作为其子级,em 则继承 content 的字体高,也就是 12px。所以 p 的 1.2em 就不再是 12px,而是 14.4px。
  3.重新计算那些被放大的字体的 em 数值。避免字体大小的重复声明,也就是避免以上提到的 1.2*1.2=1.44 的现象。比如说你在 #content 中声明了字体大小为 1.2em,那么在声明 p 的字体大小时就只能是 1em,而不是 1.2em,因为此 em 非彼 em,它因继承 #content 的字体高而变为了 1em=12px。

诡异的12px汉字(原因待查)
  有人在完成 em 转换时还发现了一个诡异的现象,就是由以上方法得到的 12px(1.2em) 大小的汉字在 IE 中并不等于直接用 12px 定义的字体大小,而是稍大一点。这个问题我已经解决,你只需在body选择器中把 62.5% 换成 63% 就能正常显示了。原因可能是 IE 处理汉字时,对于浮点的取值精确度有限。阅读本篇的读者还有其他解释吗?
  本现象只发生在 12px 的汉字,英文不存在此现象。

总结:
  本文认为 em 已经过时了,没必要用 em,因为现在浏览器都升级到新版了。都支持 px 的放大了

版权声明:               
本文由 德云社区 整理,原文来自网络。

AI人工智能 语音助理 人工翻译 教程
回复

使用道具 举报

161

主题

271

帖子

1182

积分

超级版主

Rank: 8Rank: 8

金钱
702
金币
17
威望
0
贡献
0
 楼主| 发表于 2014-12-3 23:02:07 | 显示全部楼层
占用
在线订购 便捷实惠 品质保证 终生保修
回复

使用道具 举报

161

主题

271

帖子

1182

积分

超级版主

Rank: 8Rank: 8

金钱
702
金币
17
威望
0
贡献
0
 楼主| 发表于 2014-12-3 23:02:21 | 显示全部楼层
占用
AI人工智能 语音助理 人工翻译 教程
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|Sitemap|手机版|小黑屋| |网站地图  

GMT+8, 2018-12-10 09:11 , Processed in 0.049389 second(s), 29 queries .

技术支持 乐数软件  版权所有 © 2014-2019 德云社区

工业和信息化部:粤ICP备14079481号-2

快速回复 返回顶部 返回列表