html – 响应应用程序:哪些字体大小单位em与px对比对比百分比

前端之家收集整理的这篇文章主要介绍了html – 响应应用程序:哪些字体大小单位em与px对比对比百分比前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在构建一个针对桌面,平板电脑和手机的响应应用程序,使用HTML和CSS,但我不知道我应该使用哪种单位字体大小,这种字体适合任何尺寸的屏幕. em,px,pt和percent之间有什么区别?对我来说最好的选择是什么?

我想在桌面,平板电脑和手机的响应式应用中听到有关它的真实体验

我会感谢任何帮助!

解决方法

你可能想看看这篇文章little link.

更新:这里有一些关于如何适用于您的情况的解释:

> px:像素是设备显示中的一个小方块(一般),一次只能显示一种颜色.您的screen resolution指定屏幕/显示器的像素数.所以当你指定:font-size:12px;你基本上告诉浏览器每个字母应该是12像素高(大约不同的字母高度有点不同,但相对差异是保留的).
> percentage:font-size:50%;将元素的字体大小设置为其父元素的字体大小的50%.
> pt:1pt(点)是1/72英寸.设置font-size:12pt;将您的字符的高度设置为12/72英寸(再次,不同的字符有所不同).
> em:em是所选字体中字母“m”的宽度,基本上与百分比相同,除了1em为100%,1.5em为150%.

所以你的选择可能是px,因为它将保留文本大小与其他大小元素的逻辑比例.

未来的注意事项:请尝试避免在StackOverflow上提出问题,当使用简单的Google(或Bing,如果您是微软人员)搜索可以找到答案.

猜你在找的HTML相关文章