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

Question

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

例如，我有一个在计算机上看起来很好的按钮，但是同样的按钮文字太大或者手机上的尺寸不合适，并且在按钮中没有正确显示。

我在计算机上包含了它的样子。

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

Answer 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">