CSS 可以控制基本文本大小,使其在不同屏幕大小和设备上看起来更加协调。例如,可以使用以下代码将正文字体大小设置为 16 像素:
body { font-size: 16px; }
这将确保在大多数设备上,文本大小看起来匹配并且易于阅读。
在某些情况下,可能需要在用户能够控制文本大小的网站上重新调整文本大小。这可以通过 JavaScript 来实现。以下代码使用 JavaScript 获取用户的文本大小设置并更改页面上的文本大小以适应该设置:
var textSize = window.getComputedStyle(document.body, null).getPropertyValue('font-size'); function changeTextSize(newSize) { document.body.style.fontSize = newSize; } changeTextSize(textSize);
在这里,JavaScript 首先获取当前文本大小,然后将其传递给更改文本大小的函数。该函数在页面上更改文本大小以适应用户的首选文本大小。
总之,在设计和开发网站时,文本大小是一个重要的因素。通过使用 CSS 和 JavaScript,开发人员可以控制文本大小以创建漂亮的页面,并让用户更容易访问和阅读内容。