使用CSS Media Queries检测屏幕宽度

ben*_*e89 4 css media-queries

我猜这是因为你可以使用媒体查询来做到这一点:

@media (min-width:500px) { … }
Run Code Online (Sandbox Code Playgroud)

在某些时候,CSS样式表必须知道屏幕的宽度,没有Javascript.

是这样的吗?

Mad*_*iha 6

您可以使用device-width哪个将以px测试屏幕的宽度.然而,这并不是完全建议的.使用max-widthmin-width(视口)来代替.


如果你试图获取屏幕宽度并使用它(某种类似content: (device-width);的东西,这是不可能的.坚持使用JavaScript.

手动参考