我看到这里有类似的问题,但由于我是一个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/以获得合适的宽度。