HTML-参考手册: Px、Em 换算工具
2024-09-06 21:53:44
| ylbtech-HTML-参考手册: Px、Em 换算工具 |
| 1.返回顶部 |
1、
Px、Em 换算工具
以下工具提供了em和px的换算工具。
- 第一个输入框：设置了网页默认的字体像素 (通常 16px)
- 第二个输入框：输入像素值，可以将 px 换算为 em。
- 第三个输入框：输入em（相对长度单位）值，可以将 em 换算为 px。
设置默认的像素大小:
px
PX 换算为 EM:
pxEM 换算为 PX:
em转换
换算结果:
文本字体大小
下表列出了在网页字体默认值为 16px 时， px 和 em 及网页字体百分比的换算数据。
| px | em | 百分比 |
|---|---|---|
| 5px | 0.3125em | 31.25% |
| 6px | 0.3750em | 37.50% |
| 7px | 0.4375em | 43.75% |
| 8px | 0.5000em | 50.00% |
| 9px | 0.5625em | 56.25% |
| 10px | 0.6250em | 62.50% |
| 11px | 0.6875em | 68.75% |
| 12px | 0.7500em | 75.00% |
| 13px | 0.8125em | 81.25% |
| 14px | 0.8750em | 87.50% |
| 15px | 0.9375em | 93.75% |
| 16px | 1.0000em | 100.00% |
| 17px | 1.0625em | 106.25% |
| 18px | 1.1250em | 112.50% |
| 19px | 1.1875em | 118.75% |
| 20px | 1.2500em | 125.00% |
| 21px | 1.3125em | 131.25% |
| 22px | 1.3750em | 137.50% |
| 23px | 1.4375em | 143.75% |
| 24px | 1.5000em | 150.00% |
| 25px | 1.5625em | 156.25% |
相关文章
2、
| 2.返回顶部 |
| 3.返回顶部 |
| 4.返回顶部 |
| 5.返回顶部 |
1、
2、
| 6.返回顶部 |
 |
作者：ylbtech 出处：http://ylbtech.cnblogs.com/ 本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。 |
最新文章
- mapreduce导出MSSQL的数据到HDFS
- wpf 获取datagrid中模板中控件
- iOS UIPickerView 显示全国省市
- NET代码重构
- UE编辑器FTP无法连接
- 公众平台调整SSL安全策略，开发者升级的方法
- JAX-WS：背后的技术JAXB及传递Map
- （转）HelloWorld CMake CMake中构建静态库与动态库及其使用
- win 7 下Maven环境的搭建
- Fiddler使用笔记
- 设计模式之UML类图
- Java中的DateFormatter
- Dell7040mt安装win7系统说明
- HTML基本结构与标签总结整理篇
- Python自学日志_2017/9/05
- SqlServer查询优化方法
- sql获取当前月份的前一月，当前天的前一天，当前年的前一年
- jvm运行时内存模式
- Asp.net管线事件(页面请求周期)
- mysql 访问不是本地数据库，给用户刷新了权限没有作用