Как я могу настроить внутреннюю ширину окна в соответствии с процентным соотношением?

Question

Я пытаюсь настроить window.innerwidth в соответствии с процентами, но не знаю, что делать. МОЯ цель зависит от размера window.innerwidth, измените цвет фона html. window.innerwidth не может использовать проценты при сравнении?

Я пробовал вот так.

const resizeColor = function() {
  let width = window.innerWidth;
  if (width >= "90%") {
    document.body.style.backgroundColor = "red";
  } else if (width < "90%" && "60%" <= width) {
    document.body.style.backgroundColor = "blue";
  } else {
    document.body.style.backgroundColor = "white";
  }
};

Answer 1

"90%" не является допустимым значением для свойства innerWidth. Я думаю, вы имели в виду 90% от outerWidth. Попробуйте следующее на Полная страница

const resizeColor = function() {
  let width = window.innerWidth;
  let vw = window.outerWidth; // viewport-width

  if (width >= 0.9 * vw) {
    document.body.style.backgroundColor = "red";
  } else if (width < 0.9 * vw && 0.6 * vw <= width) {
    document.body.style.backgroundColor = "blue";
  } else {
    document.body.style.backgroundColor = "white";
  }
};

window.onresize = resizeColor;