vue项目中适配横竖屏

Question

在vue项目中适配横竖屏使得用插件来实现吧？老师有推荐的吗

Answer 1

西门老舅 2023-08-04 10:27:43

你好，移动端基本都是固定竖屏的，适配横屏的需求很少。

如果想适配横屏，也要看需求是如何的，比如横屏下页面该如何展示，这个都需要先确定具体需求的。

如果横竖屏展示的内容是一样的，一般不需要做修改，因为已经做了等比适配。

但是如果展示的内容不同或布局不同的话，这时需要配合响应式，响应式比较灵活的操作，建议vue + tailwindcss，课程最近在升级，加入了tailwindcss的内容，本月或下月就可以看到这部分视频。

最好说说你们的具体需求是如何的。

• 提问者 慕后端7228539 #1

  需求是放在手机游戏端里的页面，横屏下展示。

• 西门老舅 回复 提问者 慕后端7228539 #2

  你好
  
  这种游戏类的网页，建议就是不管用户是竖屏还是横屏都让他保持横屏的效果。
  
  所以当用户竖屏的时候，可以让网页旋转90度，可以参考这个链接：
  
  https://www.jianshu.com/p/9c3264f4a405