不同页面上的字体大小

时间:2017-11-15 14:02:06

标签: html css

好的,所以我不确定这里是否允许这样的问题,所以如果没有请告诉我,我会将其删除。我的问题是所有页面上的字体大小是否应该相同。

这是我的情况。我在我正在创建的网站上有多个页面分布在多个页面上。它们都使用相同的样式,但是当屏幕变小时它们都具有不同的字符长度,一些标题开始打破点,这使得网站看起来很垃圾。为了使这些标题看起来很好看,我不得不使用16px的字体大小,这不是理想的,因为正文文本是16px但仍然看起来比它看起来更好。

那么在这种情况下你通常会做什么?你会保持所有标题的大小与其他页面保持一致吗?或者是否比其他人小?用户会注意到吗?

3 个答案:

答案 0 :(得分:1)

正如艾伯特在之前的回复中提到的,你应该完全保持头条新闻的大小。

作为最佳做法的一部分" 始终使用ems设置字体大小"。您可以根据标题字体大小更新/修改正文文本的大小。

例如:将标题大小保持为2em,并根据您的设计要求将正文文本大小设置为1em或1.2em。

有关此问题的进一步阅读,请参阅:W3S guidelines for font sizes

答案 1 :(得分:0)

你应该完全保持头条新闻的大小。没有理由缩小它。有时会有更长的标题,这是一个真正的用例,没有理由缩小字体大小。

答案 2 :(得分:0)

您可以使用媒体查询重新定义您的尺寸:



    @media screen and (max-width: 640px) {
  .yourClass {
   font-size:14px;
  }
}