css - 无论如何用CSS找出屏幕宽度

Question

使用媒体查询@media (min-device-width:1024px) 如果我们这样给出，它会检查宽度是否至少为 1024px。有什么方法可以使用我们的css中的device-width，为了将我们的应用程序主体的宽度设置为device-width？Jquery 的另一种方式我可以这样做

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

有什么方法可以在不接触 Js 的情况下使用 css 将宽度设置为当前屏幕宽度？

Answer 1

这应该可以使用像这样的视口(viewport)单位:

vw (viewport width) and
vh (viewport height)

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

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

它可能存在的一个问题是浏览器支持。要了解有关此检查的更多信息 http://caniuse.com/#feat=viewport-units

希望对你有帮助