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,如果您是微软人员)搜索可以找到答案.

http://stackoverflow.com/questions/12271196/responsive-app-which-font-size-units-em-vs-px-vs-pt-vs-percent

本站文章除注明转载外,均为本站原创或编译
转载请明显位置注明出处:html – 响应应用程序:哪些字体大小单位em与px对比对比百分比