uniapp的webview的webview-styles设置高度
时间: 2024-02-25 21:30:19 浏览: 186
ios webView获取高度
在uniapp的webview组件中,可以通过设置webview-styles属性来设置webview的样式,包括高度。例如:
```html
<template>
<view class="container">
<web-view :src="url" :webview-styles="{height: '600rpx'}"></web-view>
</view>
</template>
<script>
export default {
data() {
return {
url: 'https://www.baidu.com'
}
}
}
</script>
<style>
.container {
height: 100vh;
}
</style>
```
在上面的例子中,我们设置了webview-styles的height属性为600rpx,即webview的高度为600像素。注意,如果要设置webview的高度为百分比,需要使用字符串形式的百分比,例如'100%'
另外,为了使webview占满整个屏幕,我们还设置了容器的高度为100vh。
阅读全文