uniapp自动适配，移动端页面正常显示正常跳转 宽屏设备页面效果变为平行视窗效果，母页面在左，子页面在右

要实现在宽屏设备上页面效果变为平行视窗效果，可以使用响应式布局和媒体查询来实现。以下是一个简单的示例：

1. 在页面头部添加以下代码，使页面响应式布局：

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

2. 在页面中添加一个类似以下的样式，当屏幕宽度大于某个阈值时，设置母页面和子页面的宽度为50%：

@media screen and (min-width: 768px) {
  .wrapper {
    display: flex;
  }
  .parent, .child {
    width: 50%;
  }
}

3. 在HTML中添加母页面和子页面的容器，并添加相应的类名：

<div class="wrapper">
  <div class="parent">
    <!-- 母页面内容 -->
  </div>
  <div class="child">
    <!-- 子页面内容 -->
  </div>
</div>

这样，在宽屏设备上，母页面和子页面将会并排显示，而在移动端则会正常显示和跳转。