浏览器中忽略字体大小

Posted

技术标签:

【中文标题】浏览器中忽略字体大小【英文标题】:Font-size being ignored in browsers 【发布时间】:2011-10-24 22:56:12 【问题描述】:

我正在尝试设置表格单元格的字体大小,但它不起作用。我尝试在 css 中设置大小:

.myclass 
  font-size: 10px; 

没有用。我尝试将其更改为相对大小:

.myclass 
  font-size: 0.8em; 

但它也没有奏效。当我使用谷歌浏览器开发工具查看元素时,字体大小标签在那里,但被删除并且旁边有一个黄色感叹号。有谁知道这意味着什么以及如何设置字体大小?

【问题讨论】:

也发布你的html,肯定有问题。 我注意到如果你把它设置为小于某个大小,这个值可能会被忽略。我今天在 Chrome 开发工具中对此进行了试验,发现它不允许我制作一些小于 12 像素的字体。 【参考方案1】:

如果您之前使用更具体的选择器来设置字体,那么不太具体的选择器将不起作用。尝试从一般规则开始,然后使用具体规则。

【讨论】:

可能是这样,但我使用 % 而不是 em 解决了它。 font-size: 85% 完美运行,我仍然可以按照用户浏览器的大小配置。【参考方案2】:

尝试在样式声明之后添加!important。这将覆盖任何其他样式。

.myclass 
  font-size: 0.8em !important; 

【讨论】:

***.com/questions/3427766/… 只是人们倾向于滥用权力,所以请不要武装他们:D

以上是关于浏览器中忽略字体大小的主要内容,如果未能解决你的问题,请参考以下文章

为啥 LaTeX 会忽略文档类中的字体大小 [关闭]

H5页面中字体大小动态配置

使用 android Chrome,html 选项列表会忽略我的字体大小请求

安卓手机字体大小调整破解教程

在 Android 4.4+ 上运行时如何忽略 Cordova App 的字体大小设置更改?

谷歌浏览器怎么改变网页字体大小