【问题标题】:Query on font size in html with given css style使用给定的css样式查询html中的字体大小
【发布时间】:2015-03-17 03:00:06
【问题描述】:

由于字符大小限制,html代码附在link和css style

在启动 html 时,View1View8 及其子视图在 firefox 中以小字体显示,这与将 font-size 值继承到 <th> && <td> 标记的 IE 不同。

如何解决表格元素的字体大小问题?

【问题讨论】:

  • 如果结果大小不同,则父元素的字体大小不同(例如,由于浏览器默认字体大小不同),但也有可能由于舍入和渲染技术不同,有微小的(像素级和亚像素级)差异。您需要提供实际重现问题的代码 - 完整的最小文档,在代码中设置父字体大小或提供的浏览器字体大小设置说明。
  • @JukkaK.Korpela 当然。将使用代码中设置的字体大小进行更新。
  • 您没有提供更多信息,而是提供了更少信息——您现在删除了字体系列设置——以及不同的信息——将数字从 70% 更改为 75%。您尚未提供实际重现该问题的代码。
  • @JukkaK.Korpela 如果我将“font-size: 16px”绝对设置为<table> 级别,它可以工作。但不在<body> 级别。您认为这是正确的做法吗?
  • 您应该发布重现问题的 HTML 和 CSS 代码,而不是发布 重现问题的 HTML 和 CSS 代码。发布数百行 Java 代码的链接听起来像是一个糟糕的笑话。

标签: html css


【解决方案1】:

在 CSS 中,百分比字体大小与其父级的字体大小相关。因此,thtd 的字体大小将是最近的具有显式或隐式设置字体大小的父元素的 70%。您需要在tr 或将成为trtd 的父元素的其他元素上设置非相对(无%,无ems)字体大小。

【讨论】:

  • font-size 设置为%em 或任何其他度量单位是有效的
  • @justinas 我知道,我指的是如果 OP 想要在浏览器中使用一致的字体大小,他将需要覆盖它们各自的用户代理样式表的隐式字体大小'td' 和 'tr' 的父母。
  • @overexchange 您可能需要为另一个表使用不同的字体大小,因此我建议在需要不同字体大小的表上设置一个 id 或类并将其用作选择器而不是 table。不想在以后遇到奇怪的样式问题。
  • 我在提到font-size: 16px的css文件中添加了一个新类,并将该类分配给查询中给出的html的<table>元素的最外层<td>标签,但事情不起作用,因为它被其他类属性覆盖。使用上述查询中给出的 html 代码,不确定在哪里分配我的新类。
  • 首先我无法理解 forefox 中 <table> 元素与 iE 不同的小字体的原因
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-08-21
  • 1970-01-01
  • 2011-11-07
  • 2019-10-17
  • 2020-02-29
  • 1970-01-01
相关资源
最近更新 更多