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

Question

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

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

我包括一张它在电脑上的样子的图片。

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

Answer 1

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

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

您还可以在 HTML 头中添加类似这样的内容：

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