html - Css 文本和字体操作

Question

将 Css 应用于移动应用程序中的某些元素有什么区别和影响，例如:

1. .content{ font-size:80%;}

2. .content{ font-size:10px;}

3. .content{ font-size:1em;}

这如何影响元素 letter-spacing、line-height 和 word-spacing。

此外，font-style: oblique 和 italic 的典型区别。

Answer 1

看看pxtoem如果它是responsive，这取决于你想做什么与否以及您希望您的用户界面如何。

像素(px):

像素是屏幕媒体中使用的固定大小单位(即在计算机屏幕上读取)。一个像素等于计算机屏幕上的一个点(屏幕分辨率的最小分度)。许多网页设计师在网页文档中使用像素单位，以便在浏览器中呈现其网站时产生像素完美的表示。像素单位的一个问题是它不能向上缩放以供视障读者使用或向下缩放以适合移动设备。

点数(pt):

点传统上用于打印媒体(任何要打印在纸上的东西等)。一磅等于 1/72 英寸。点很像像素，因为它们是固定大小的单位，无法按比例缩放。

百分比(%):

百分比单位与“em”单位非常相似，只是存在一些根本差异。首先，当前字体大小等于 100%(即 12pt = 100%)。在使用百分比单位时，您的文本对于移动设备和可访问性保持完全可扩展性。

Read more

Why em instead of px?

Pixels vs. Points in HTML