當 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)