移动字体大小的 CSS

【问题标题】：CSS for mobile font-size移动字体大小的 CSS
【发布时间】：2012-12-27 17:49:41
【问题描述】：

在设计移动网站时，声明字体大小的最佳方式是什么？目前虽然我正在使用视口，但我的文本应该只有 1 行，但会分成 2 行。我应该使用 px、em、% 还是（小、大等）声明我的字体大小？干杯:)

【问题讨论】：

没关系...用你喜欢的。如果您需要更通用的方法，请尝试搜索“fluid font javascript”，有许多 javascript 库可以使文本始终适合一行。例如：fittextjs.com

标签： css mobile

【解决方案1】：

使用 pixel 或 em 很好，但如果您希望您的字体在移动视图中看起来相同，则应添加

-webkit-text-size-adjust: none;

这样会保持大小，但会影响可读性。

语法

-webkit-text-size-adjust: none | auto | <percentage>;

【讨论】：