字体大小<12px在Google Chrome中不起作用

使用css字体大小的元素< 12px在Google Chrome中无效 - 字体大小为12px。字体大小<12px在Google Chrome中不起作用

我该怎么办？

我的Google Chrome浏览器使用默认设置。我的版本是4.0.249.89。我正在使用Windows XP。

您可以将下面的代码粘贴到您的谷歌Chrome浏览器测试：

<html> 
<body> 
<p style="font-size:6px;">test 6px</p> 
<p style="font-size:7px;">test 7px</p> 
<p style="font-size:8px;">test 8px</p> 
<p style="font-size:9px;">test 9px</p> 
<p style="font-size:10px;">test 10px</p> 
<p style="font-size:11px;">test 11px</p> 
<p style="font-size:12px;">test 12px</p> 
<p style="font-size:13px;">test 13px</p> 
<p style="font-size:14px;">test 14px</p> 
<p style="font-size:15px;">test 15px</p> 
<p style="font-size:16px;">test 16px</p> 
</body> 
</html>

结果从不同的浏览器：

来源

2010-02-19 Billy

你有没有我们可以看的例子？没有理由不应该这样做！ – deanWombourne 2010-02-19 09:17:37

我刚刚添加了一段示例代码。 – Billy 2010-02-19 09:26:14

适合我，没有问题。 – Kitson 2010-02-19 09:33:02

按照样式禁用自动调整。

* { 
    -webkit-text-size-adjust: none; 
}

来源

2010-11-30 17:41:20

我认为这应该被接受为答案。尽管要注意这个CSS规则可能存在的缺陷：http://www.456bereastreet.com/archive/201011/beware_of_-webkit-text-size-adjustnone/ – 2011-05-03 15:48:04

这适用于Safari，但不适用于我的Chrome。 – GiantSquid 2011-06-10 17:04:41

在Chrome 36中，没有这样的前缀CSS样式... – 2014-08-18 03:07:45

这不应该是正确的，你可能有一个元素覆盖当前给定属性。

这样的：

body { 
    font-size:10px; 
} 

#content { 
    font-size:12px; 
}

来源

2010-02-19 09:16:02 Paul

我刚刚添加了一段示例代码。 – Billy 2010-02-19 09:25:27

这对我的作品。

尝试：

使用的webdesigner工具，检查什么的CSS会影响你的元素
后HTML和CSS藏汉，所以我们也许可以想出更多

编辑：最新铬（稳定）呈现这种方式： Rendering in chrome http://h.kissyour.net/so/less12.png

来源

2010-02-19 09:16:20

我已经添加了4个浏览器的screencap。 – Billy 2010-02-19 09:45:37

截取影响它的CSS - 右键点击其中一个“测试文本：6-11px”并选择“check element”或类似的东西（我有本地化的铬） - 它应该是最后一个（如果你知道什么我说的是，停止阅读进一步） - 然后文件检查员打开，右侧是面板'样式' - 截图并发布它，也许我们会看到。 – 2010-02-19 10:18:08

如果你使会发生什么P>标记a < SPAN>标记？

是否有可能你已经定义了你的< p>标签？

来源

2010-02-19 09:40:49 Paul

示例代码足以进行测试。只需将代码粘贴到Chrome浏览器即可查看。 – Billy 2010-02-19 09:54:06

它为我在Chrome 4.0.249.78（36714），你能不能来查看缓存副本？....尝试清空你的页面缓存（我发现铬非常喜欢它的缓存）

来源

2010-02-19 09:58:11

这不是缓存问题。我正在使用Windows XP。这个问题只发生在某些操作系统上吗？ – Billy 2010-02-19 10:00:38

我可以查看你发布的html代码，并且我在Windows XP Pro上使用Chrome（不可否认，它是一个稍微老一点的版本，并且带有扩展支持的测试版本），缓存是我能想到的唯一的东西，如果你正在使用与您在OP中粘贴的相同的基本HTML。当你使用“inspect element”菜单选项时，会发生什么情况，它是否显示为具有较小的字体大小？......或者它看起来像是被某种方式覆盖了吗？ – 2010-02-19 10:47:37

在隐身窗口中查看你的HTML文件怎么样？...对不起，但我仍然坚持它是一个文件的缓存副本（我花了很多时间来改变我的堆栈溢出头像，并让它显示在铬由于其过度的缓存）......虽然它会在隐身窗口中正确显示（因为它正在绕过缓存） – 2010-02-19 10:50:55

是否有最小字体大小的首选项？它是否设置为12px？页面/文字缩放是否启用？你有什么样的Chrome插件可以改变页面内容吗？

来源

2010-02-19 10:24:01 eyelidlessness

我也在寻找最小字体，但我找不到它。不过，并不意味着pref不会隐藏在某个地方。 – Anonymous 2010-02-19 10:31:24

我使用的是默认设置，没有任何插件。 – Billy 2010-02-19 10:39:19

@Anonymous要更改Chrome中的最小字体大小，请转到：设置>高级设置>网页内容>字体大小>自定义字体，然后向下滚动到底部，您将看到'最小字体大小'滑块。 – user1794295 2014-03-05 15:48:15

您是否尝试在字体样式背后放置“！important”子句？这会覆盖其他所有内容。至少你会知道在哪里寻找问题。像这样：

<p style="font-size:6px !important;">test 6px</p>

来源

2010-02-19 12:34:40 Erik

当他使用样式属性而不是样式规则时，这不应该是必需的。 – 2010-02-19 13:15:47

根据http://www.google.com/support/forum/p/Chrome/thread?tid=389f306a52817110&hl=en Chrome支持最小字体大小。如果你在一个文本编辑器打开"Documents and Settings\User_Name\Local Settings\Application Data\Google\Chrome\User Data\Default\Preferences"，你看到类似下面？：

"webkit": { 
     "webprefs": { 
     "default_fixed_font_size": 11, 
     "default_font_size": 12, 
     "fixed_font_family": "Bitstream Vera Sans Mono", 
     "minimum_font_size": 12, 
     "minimum_logical_font_size": 12, 
     "sansserif_font_family": "Times New Roman", 
     "serif_font_family": "Arial", 
     "standard_font_is_serif": false, 
     "text_areas_are_resizable": true 
     } 
    }

Chrome关闭，更改最小字体大小，并重新启动Chrome可能会有所帮助。

来源

2010-02-19 17:10:51

请参阅“Digi3 Colin”关于CSS修复的回答：'-webkit-text-size-adjust：none;'http://stackoverflow.com/questions/2295095/font-size-12px-doesnt-have-effect-in-谷歌铬/ 4316700＃4316700 – 2011-05-03 15:49:44

Chrome不会让您设置小于6分的最小尺寸。并且文字清晰A LOT小于Retina显示屏上的文字。

来源

2013-04-10 19:59:02

Chrome具有最小字体大小设置。我的设置为11px（默认），所以我不得不改变它来查看更小的字体大小。

要在Chrome中更改最小字体，请转到：设置>高级设置>网页内容>字体大小>自定义字体>向下滚动到底部，您将看到'最小字体大小'滑块。

来源

2014-03-05 16:53:09 user1794295

同样适用于safari。我想这是设置为9px的可访问性的原因。诀窍是不要依赖于使你的字体很小，这样你就可以用css而不是缩小它们。如果使用诸如icnmoon之类的东西来创建自己的字体，这是特别相关的。所以，这里最好减小字体中的字形大小，以便在css中将它们设置得相当大，并且如果用户“缩小”，则避免将它们设置为低于9px。

有趣的是，即使您的浏览器偏好设置中的最小字体大小设置为9px，font-size：0仍然有效。

至于片剂和智能电话和其他设备，有可能使用以下，以避免自动文本大小调整使用以下：

-webkit-文字大小调整：无;

-moz-文字大小调整：无，

-webkit-文字大小调整：无;

-ms-text-size-adjust：none;

font-size-adjust：none;

这实际上可能会破坏您的网站在这些设备上的可访问性，但据我所知无法调整您的浏览器文本大小，因为它们在这些设备上站立。他们似乎只能自动调整，这取决于可能有点神秘的情况。这些命令可能会阻止这种情况，但我认为浏览器首选项中设置的默认最小字体可能会覆盖该设置，至少在某些浏览器中。

来源

2014-05-01 10:59:58 dan

-webkit-text-size-adjust Chrome浏览器后不再工作27

尝试使用transform到forcely refuce字体大小。

font-size:12px; 
transform: scale(0.833);/*10/12=0.833, font-size:10px*/

来源

2016-01-27 03:45:53 Jaskey

-2

可以使用

body { 
 
font-size:125%; 
 
}

设置0.5em = 10px的。

来源

2016-05-09 12:12:16 benzford

这个问题似乎是比利的机器本地的东西，由其他用户的评论来判断。另外，你的回答并不能解释为什么Chrome的字体大小只有在字体设置为比他的问题更高的值时才会改变。也许试着详细说明你的答案，并确保测试他的代码以及你的代码。如果您无法复制他的错误，则无法测试建议的修复程序。 – Frits 2016-05-09 12:24:42

欢迎benzford - 我对你的建议是专注于不新的新问题。正如@Frits所说，你需要真正解决这个问题，特别是那些答案很高的问题。坚持下去！ – micstr 2016-05-09 12:30:08

字体大小<12px在Google Chrome中不起作用

回答

相关问题