如何在JavaScript中获取窗口宽度以匹配CSS媒体？

Question

在CSS中，我有这个

@media screen and (max-width: 860px) {

}

什么是等效的javascript代码，以获得与CSS用于@media max-width的宽度相同的宽度值？

谢谢

Answer 1

我相信，如果不解析CSS文件，就无法从JavaScript代码获取CSS。 JavaScript有一个类似的方法是matchMedia。用法：

if (window.matchMedia("(min-width: 400px)").matches) {
  /* the viewport is at least 400 pixels wide */
} else {
  /* the viewport is less than 400 pixels wide */
}