当 window 大小达到 javascript 中的某个点时，如何更改 css

Question

我希望当屏幕大小达到 1050 像素时调整字体。 我如何使用 javascript 执行此操作

Answer 1

将此添加到您的css ：

@media screen and (min-width: 1050px) {
    body {
        /* set font adjusters here */
    }
}

Answer 2

你可以用 css 和 javascript 来完成

CSS

@media screen and (min-width: 1050px) {
    body {
       font-size: // the value you want
    }
}

JavaScript

if(screen.width < your point) {
  // change font size
}

Answer 3

你需要添加事件监听器

const handleResize = () => {
  if(window.innerHeight > 1050) {
     //you can change font size here
     document.getElementById("yourelement").style.fontSize = "69px";
  }
}
window.addEventListener('resize', handleResize)