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

我看到这里有类似的问题，但由于我是一个n00b，我没有找到答案

使用viewport，我如何对我的网站说：

如果宽度>=1024，则宽度=视口
否则，如果宽度>=480，则宽度=移动
else宽度=视口。

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

多谢各位

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

1024px下的所有内容都是您的移动视图。这是@media查询之外的CSS代码

---

在移动视图方面：查看以获得正确的宽度。

我不知道为什么这似乎不起作用。我有一个移动版的布局页面和一个桌面版的布局，我只是希望其中一个页面和另一个页面之间的限制为1024，但这似乎不起作用。好吧，这就是你应该采用的解决方案。也许你可以提供一个链接到你的网站更深入的了解。