无论如何，用Css找出屏幕宽度

使用媒体查询

@media（最小设备宽度：1024px）

如果我们这样给出，它将检查宽度是否至少为1024px。有没有办法在css中使用设备宽度，以便将应用程序主体的宽度设置为设备宽度？ 使用Jquery的另一种方法是这样做

$('body').css('width',screen.width)

---

有没有办法不用触摸Js就可以使用css将宽度设置为当前屏幕宽度？

没有唯一的css方法来设置屏幕宽度的标题，或者您可以使用媒体查询，或者您可以使用Js/jquery解决方案动态检测设备的宽度，您也可以对某些设备使用

max width

和

min width

，但这需要以任何方式进行媒体查询，以下是当前可用的解决方案：

Jquery：

---

这应该可以使用视口单位，如：

vw (viewport width) and
vh (viewport height)

就像百分比一样，你可以给它一个百分比值

100vw将为您提供全屏幕的宽度，100vh将为您提供全屏幕的高度

它可能存在的一个问题是浏览器支持。 想知道更多关于这张支票的信息

---

希望这有助于使用CSS媒体查询动态设置CSS，例如：

@media (max-width: 1024px) {
  .wrapper {

  }
}

或者，您可以使用JavaScript检测屏幕大小并相应地更改CSS，例如：

screen.height

screen.width

---

如果使用百分比

html，body{width:100%}

总是将容器设置为屏幕大小。从那里你可以做任何你想做的事。

我不确定它是否适合你的需要，但是有一个长度单位叫做你可以使用它，就像

body{width:100vw}

其中

vw

指的是视口的宽度。

@media (max-width: 1024px) {
  .wrapper {

  }
}

screen.height

screen.width