使用视口从特定宽度设置的移动视图

Question

我看到这里有类似的问题，但由于我有点像n00b，所以没有找到答案。

使用视口，我该如何在我的网站上说：

if width >= 1024 the width = viewport
else if width >= 480 the width = mobile
else width = viewport.

基本上，在无穷大和1024之间->桌面视图低于1024->移动视图。

谢谢

Answer 1

@media (min-width: 1024px) {**DESKTOP CODE**}

所有小于1024像素的像素都是您的移动视图。这就是@media查询之外的CSS代码。

关于移动视图：签出https://www.mydevice.io/以获得正确的宽度。