手机上的字体太大 - 如何限制大小或修复？答案

【问题标题】：Fonts TOO LARGE on moble phone - How limit size or fix?手机上的字体太大 - 如何限制大小或修复？
【发布时间】：2012-06-19 02:31:56
【问题描述】：

我正在使用 CSS，我的手机上的一些字体正在分解 Div，而不是弄乱 html 的其余部分。有没有办法限制 css 样式的 Div 中的字体大小？

例如，我有一个在计算机上看起来不错的按钮，但相同的按钮文本在我的手机上太大或尺寸不合适，并且在按钮中显示不正确。

我附上了一张它在电脑上的样子。

我正在使用 DROID。如果您使用手机，可以在此处查看链接：http://www.edvizenor.com/?p=PicturePoll&id=33

【问题讨论】：

【解决方案1】：

CSS media queries 可能是您正在寻找的。您可以根据设备宽度更改字体大小（或其他任何您想要的），例如：

@media all and (max-device-width: 480px) {
    .changeThisFont {
        font-size: 0.5em;
    }
}

您也可以在 HTML 头中添加类似的内容：

<meta name="viewport" content="width=600, initial-scale=1">

【讨论】：