当我在一个项目中,行之间的间距很重要,并且应该根据字体大小更改时,我无法解决段落的高度问题。 我的文档的css如下:

body {
  background: transparent;
  display: block;
  margin: 0 auto;
  box-sizing: border-box;
  font-family: 'Arial';
  font-size: 14px;
  overflow-x: scroll;
}

p {
  line-height: 1;
  margin: 0;
}

当我将某些段落的字体大小更改为小于14px的大小时,即使更改了字体大小并且段落占用的空间保持不变,段落的高度仍保持不变,而预期的行为是文字应减少。 请找到附件以供参考。

在此处输入图片说明

#1楼 票数:0 已采纳

当我在一个项目中,行之间的间距很重要,并且应该根据字体大小更改时,我无法解决段落的高度问题。 我的文档的css如下:

body {
  background: transparent;
  display: block;
  margin: 0 auto;
  box-sizing: border-box;
  font-family: 'Arial';
  font-size: 14px;
  overflow-x: scroll;
}

p {
  line-height: 1;
  margin: 0;
}

当我将某些段落的字体大小更改为小于14px的大小时,即使更改了字体大小并且段落占用的空间保持不变,段落的高度仍保持不变,而预期的行为是文字应减少。 请找到附件以供参考。

在此处输入图片说明

  ask by Arun Rajthala translate from so

未解决问题?本站智能推荐:

3回复

使用em单元时字体大小不正确

我的代码的默认font-size等于10px或0.625em 。 因此,按照此规则,要将<p>的字体大小设置为7px我可以使用0.7em 。 但就我而言,即使我将<p>的字体大小减小为0.5em或更小,浏览器仍采用9px的固定字体大小(在浏览器的“计算”部分中选中)。
1回复

特殊字符的字体大小CSS不正确

帮助减少特殊字符到其他字符的大小。 出现这种带有特殊字符的文本,它们不会随着CSS font-size:12px;而减小。 超越。 hoWhoOtyLand¯_(ツ)_ /¯⎛⎝snap:delilahd26⎠⎞TEST.xas 解决该问题的方法是什么?
1回复

如果元素由其类定义,则字体大小工作不正确

我正在制作一个项目,我必须在其中更改元素的字体大小,并且它的工作方式有所不同。 例如,我有一个代码 在 CSS 中我设置 font-size 感觉不像 60px,看起来是 80px+ 大小,但是当重写时不同: 现在它真的是 60px。有人可以解释我,为什么会发生? 不为父级(div)设
4回复

字体大小更改

我正在设计一个使用引导程序的网站,该网站要求我使用字体大小调整。 我试图用一些JavaScript和jQuery来做到这一点。 脚本运行,但是字体大小没有响应。 我如何使其工作以及如何在这些JavaScript中使用!important。
2回复

更改字体系列后,调整所有字体大小

我有一个关于更改所有font-size的问题。 我用以下字体设计了一个响应式网页: 为了使响应速度更快,对font-style属性进行了许多媒体查询。 我的网站上有许多此类,如果我更改字体系列,那么很难在所有媒体查询中修改所有此类。 我更改字体系列: 字体来源是:
1回复

通过容器更改字体大小

我试图使用此网站上的先前帖子并在Google中进行搜索,但我遗漏了一些内容。 var divContainer = ws_popupWindows.document.getElementById('sw_content'); divContainer.innerHTML = '&
3回复

如何使不同字体大小的按钮高度相同

我不能使不同字体大小的按钮高度相同。 我必须使用em作为高度和宽度来进行响应式设计。 这是示例jsfiddle CSS: HTML:
1回复

根据字体大小确定div的高度

我有以下代码,其中字体大小、行高和高度都定义为相同的值。 我希望所有字体都包含在容器中。 正如您在CodePen 中看到的,'p' 的底部被 div 切掉了。 要求: 溢出必须隐藏 文本将始终在一行上(无需计算 2 行以上的文本) 我的问题实际上归结为如何确定以英寸为单位的 div