Question

简单的代码，但在chrome字体大小总是12px，在IE中它是10px。对于大于12的px，可以改变。但对于12以下的px，它无法改变......如何解决这个问题？

<html>
<head>
    <style type="text/css" >
    body{
        font-size: 10px;
    }
    div{
        margin: 0 auto;
        border: 1px solid #000;
        width: 60em;
    }
    </style>
</head>
<body>
    <div>
        wrapper
    </div>
</body>

Answer 1

在chrome：// settings / fonts中，有一个“最小字体大小”设置。您可能将其设置为12px。

Answer 2

您可以调整chrome中的文字大小。

Click  Chrome menu on the browser toolbar.
Select Settings.
Click Show advanced settings.
In the "Web Content" section, use the "Font size" drop-down menu to make adjustments.

see here

Answer 3

尝试更改大小：

body {
        font-size: 10px !important;
}

如果它仍然不起作用，你可能会有一些javascript动态更改它（你有一些javascript插件或代码加载你的项目？

或者也许来自其他插件/模块/代码等的css。

或许你真的在chrome设置中设置了一些最小字体大小。尝试检查taht。

font-size 10px无法应用，总是12px

3 个答案: