Css 字体大小<；12px不'；在谷歌Chrome中没有效果

css字体大小的元素这不应该是正确的，您可能有一个元素覆盖了当前给定的属性

像这样：

body {
  font-size:10px;
}

#content {
  font-size:12px;
}

它对我有用

尝试：

• 使用webdesigner工具，检查css对元素的影响
• 也发布html和css，这样我们就可以了解更多

编辑： 最新的Chrome（稳定版）以这种方式呈现：

---

（来源：）

如果将标记设为标记，会发生什么

---

你有没有可能在某个地方定义了你的标记？

它在Chrome 4.0.249.78（36714）中对我有效，你可以查看一个缓存副本吗？…尝试清空你的页面缓存（我发现Chrome非常喜欢它的缓存）

有最小字体大小偏好吗？是否设置为12px？是否启用页面/文本缩放？你有没有任何能改变页面内容的Chrome插件？

你有没有试过在字体样式后面加一个“！important”子句？这将压倒一切。至少那时你会知道到哪里去找问题。像这样：

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

测试6px

根据Chrome支持的最小字体大小。如果在文本编辑器中打开

“文档和设置\User\u 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可能会有所帮助。

通过以下样式禁用自动调整

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

---

Chrome不允许您将最小尺寸设置为小于6点。

---

而且文本的可读性比视网膜显示器小很多。

Chrome有一个最小字体大小设置。我的默认设置为11px，所以我不得不将其更改为查看较小的字体大小

---

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

safari也是如此。我想这是设置为9px的可访问性的原因。诀窍是不要依赖于使字体变小，这样你就可以在css中放大字体，而不是缩小字体。如果使用icnmoon之类的工具创建自己的字体，这一点尤其重要。因此，这里最好减少字体中的字形大小，以便在css中将它们设置得相当大，并且避免在用户“缩小”时将它们设置为9px以下

有趣的是，字体大小：0仍然有效，即使在浏览器首选项中将最小字体大小设置为9px

对于平板电脑、智能手机和其他设备，可以使用以下方法避免自动调整文本大小：

-webkit文本大小调整：无

-moz文本大小调整：无

-webkit文本大小调整：无

-ms文本大小调整：无

字体大小调整：无

---

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

-webkit text size adjust

在Chrome 27之后不再起作用

尝试使用

transform

强制拒绝字体大小

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

你可以用

正文{
字体大小：125%；
}

Chrome和Firefox现在允许最小字体大小设置为零。Chrome73在这方面存在下游问题，从那时起Chrome改变了他们的策略和用户界面。我不知道Firefox上的历史记录，也不知道Safari或其他浏览器上此设置的状态。

#正文{
变换原点：左上角；
背景：aed5ff；
}
addEventListener（'load'，function（））{
var node=document.getElementById（'text'）；
var fontSize=node.style.fontSize.replace（/[\D]+$/，“”）；
如果（+fontSize您可以使用css属性缩放（）

通过将缩放属性设置为0.25

所有元素看起来都要小4倍，

因此，12px字体文本将看起来像3px字体文本

.text{
变焦：0.25；
字体大小：24px；
}

文本
将看起来像
字体大小：6px；
文本

但是firefox不支持此属性。
你有没有一个我们可以看的例子？没有理由不起作用！我刚刚添加了一段示例代码。对我来说没有问题。我添加了4个浏览器的screencap。我添加了我的chrome的screencap，你看，它起作用了！我添加了4个浏览器的screencap影响它的css屏幕截图-右键单击其中一个
测试文本：6-11px
并选择“check element”或类似的内容（我已经本地化了chrome）-它应该是最后一个（如果你知道我在说什么，请停止进一步阅读）-然后打开文档检查器，右侧是面板
样式
-截图并发布，也许我们会看到。示例代码足以进行测试。只需将代码粘贴到您的Chrome浏览器中查看一下。这不是缓存问题。我使用的是Windows XP。问题是否只发生在某些操作系统中？我可以查看html代码你发布的很好，我在Windows XP Pro上使用Chrome（承认是一个稍旧的版本，测试版支持扩展），如果你使用与粘贴在OP中相同的基本html，缓存是我唯一能想到的。当你使用“inspect元素”时会发生什么菜单选项，它是否显示为具有较小的字体大小？…或者它看起来像是以某种方式被覆盖？以匿名方式查看html文件如何
font-size:12px;
transform: scale(0.833);/*10/12=0.833, font-size:10px*/