uniapp 兼容pc与手机的样式方法

在h5的开发中，做视窗的样式兼容和适配，大家肯定都知道移动端使用自适应单位rpx,pc端可以使用媒体查询的方法来适配，但是在uniapp 项目开发中，有时在移动端展示的样式会被在桌面端打开，渲染在浏览器，这时候你会发现，因为用的是移动端适配的rpx 导致在pc端查看样式显示非常小，这时候，就需要做相应的兼容了，其实uniapp 也是有相应的方法来做识适配的：

当页面最小宽度 375px， 页面宽度最大 800px 时显示

    <match-media :min-height="400" :orientation="landscape">
        <view>当页面高度不小于 400px 且屏幕方向为横向时展示这里</view>
</match-media>

在uniapp中，match-media可以很好的来判断兼容和适配