打包之后app打开的效果和内置浏览器的不一样

图1是内置浏览器的效果，图二是打包成app的效果，图3是我用手机浏览器扫内置浏览器打开的效果，图4是我想要的效果，就是 我想把我的图像压缩一下 我没有图4的源码，所以就学了几天自己写了 然后图5 是我在电脑浏览器直接输入网址的效果 有没有大佬带带我 有偿也可以。我想要把网页里的视频压缩到 一个和图4差不多大小的盒子里 在手机上显示 根据输入的网址来访问内容。```javascript

    <view>  
        <view class="ros">  
            <web-view class="wei" :src="pageurl"></web-view>  
        </view>  
        <view class="out">  
            <view class="row">  
                <input class="border" type="text" placeholder="请输入视频流地址..." v-model="url" >  
            </view>  
            <view class="row">  
                <button type="primary" size="mini"  @click="loadpage">打开视频</button>  
                <button type="primary" size="mini"  @click="onbtt">保存视频地址</button>  
            </view>  
        </view>  
    </view>  
</template>  

<script>  
    var wv;  
    export default {  
        data() {  
            return {  
                url:"",  
                pageurl:""  

        };  
        },  
        methods: {  
            loadpage(){  
                this.pageurl=this.url  
            },  
            onbtt(){  
                this.$data.url = this.url;  
                uni.showToast({  
                          title: '保存成功'  
                        });  
            }  
        },  
        onReady() {  
            // #ifdef APP-PLUS  
            var currentWebview = this.$scope.$getAppWebview() //此对象相当于html5plus里的plus.webview.currentWebview()。在uni-app里vue页面直接使用plus.webview.currentWebview()无效  
            setTimeout(function() {  
                wv = currentWebview.children()[0]  
                wv.setStyle({top:150,height:300})  
            }, 1000); //如果是页面初始化调用时，需要延时一下  
            // #endif  
        }  

    }  

</script>  

<style lang="scss">  
input{  
    border: 1px solid #ccc;  
}  
.out{  
    margin: top 200rpx;  
    padding: 30rpx;  
    .row{  
        margin: top 200rpx;  
        margin-bottom: 10rpx;  
    }  
    .border{  
        border: 1px solid #eee;  
        width: 100%;  
        min-height: 80rpx;  
        box-sizing: border-box;  
        padding: 0 80rpx;     
    }  
}  
.ros{  
    width: 750rpx;  
    height: 995rpx;  
    margin-bottom: 75rpx;  

}  
.wei{  
    width: 750rpx;  
    height: 995rpx;  
    margin-bottom: 75rpx;  
}  

</style>