老师，如果两个页面具有完全相同的路由，如何根据条件进行渲染不同的页面呢？

Question

假设有页面A和页面B，页面A在竖屏时显示，页面B在横屏时显示，但是他们的路由完全一样，应该如何根据手机的横屏和竖屏来渲染不同的页面呢？

Answer 1

ustbhuangyi 2022-06-08 21:32:41

不同的路由不应该就是不同的页面吗，不太懂的问题，有没有实际的例子

• 提问者 月入三千不是梦 #1

  其实就是想问如何根据手机横屏还是竖屏响应不同的页面。比如这个音乐播放器在横屏下的详情页面会有问题，我想横屏时使用另一个页面，这个要怎么做呢？

• ustbhuangyi 回复 提问者 月入三千不是梦 #2

  一般来说，手机页面不支持横屏，因为会很丑。如果需要兼容竖屏和横屏，那么需要用media query CSS。参考：https://blog.csdn.net/weixin_39941792/article/details/111774220