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



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

使用viewport,我怎么能对我的网站说:

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

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

谢谢

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

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

在移动视图方面:查看https://www.mydevice.io/以获得合适的宽度。

最新更新