正文字號太小怎么修改CSS

在CSS中，正文字號的修改可以通過調(diào)整font-size屬性來實(shí)現(xiàn)，以下是一些示例代碼，展示如何修改正文字號：

示例1：修改全局正文字號

body {
  font-size: 16px;
}

示例2：修改特定元素的正文字號

h1 {
  font-size: 32px;
}
p {
  font-size: 14px;
}

示例3：使用相對單位修改正文字號

h1 {
  font-size: 2em;  /* 2 times the size of the parent element */
}

示例4：使用媒體查詢修改正文字號

@media (min-width: 600px) {
  body {
    font-size: 18px;
  }
}

示例5：修改字體大小并應(yīng)用樣式

.style-class {
  font-size: 20px;
  color: #333;
  line-height: 1.5;
}

示例6：使用JavaScript動態(tài)修改正文字號

document.body.style.fontSize = "18px";

修改正文字號的多種方法

1、全局修改：通過body元素設(shè)置全局正文字號。

2、特定元素修改：針對h1、p等特定元素設(shè)置不同的正文字號。

3、相對單位：使用em等相對單位，根據(jù)父元素的大小動態(tài)調(diào)整。

4、媒體查詢：根據(jù)屏幕寬度等條件，使用媒體查詢設(shè)置不同的正文字號。

5、JavaScript：使用JavaScript動態(tài)修改正文字號。