响应式网页到底怎么做?

最近一直不知道怎么做成如下要求的网页:
举个例子:如果是宽屏,网页使用elementui,竖屏则使用vantui,两种情况内容也不不同。
怎么实现?

响应式就是根据页面的分辨率进行调整自己设置好的样式,至于横屏竖屏就是判断是否是手机打开,通常会在前置路由守卫里面进行验证,你可以结合一个项目进行参考unituicli3
开源地址:https://gitee.com/unitui/unituicli3

如果是这样的话 写路由判断吧,写一套element的页面 写一套 vant的页面

或者直接在一个页面里面去写两套组件,然后就是判断 是否是手机

bootstrap了解一下

采用vue组件开发,不过支持的越多越复杂,小系统一般不要用牛刀

您好,我是有问必答小助手,您的问题已经有小伙伴帮您解答,感谢您对有问必答的支持与关注!
PS:问答VIP年卡 【限时加赠:IT技术图书免费领】,了解详情>>> https://vip.csdn.net/askvip?utm_source=1146287632