在HTML5中vw、vh、vmin、vmax各自适应单位可以统称为视口单位（viewport units）。
根据CSS3规范，视口单位主要包括以下4个：
1.vw：1vw等于视口宽度的1%。
2.vh：1vh等于视口高度的1%。
3.vmin：选取vw和vh中最小的那个。
4.vmax：选取vw和vh中最大的那个。
在Flutter中使用WebView是通过PlatformView实现，Android对应AndroidView，iOS对应UiKitView。
正常情况下视口没有变化时使用视口单位的页面是不会变化的，但Flutter中iOS例外；当键盘（Keyboard）弹起或收起时，WKWebView会认为视口发生了变化，从而导致页面单位根据视口大小发生响应，从而产生缩放的效果。
可能也是Flutter PlatformView的一个Bug。WKWebView在实际开发中的使用汇总 最近公司的项目中大量使用了webview加载H5，鉴于WKWebView...
使用WKWebView 问题描述:iOS 通过WKWebView加载H5页面，H5页面中发送了post请求数据（此...
使用如下方式创建WKWebView来加载H5页面内容： WKWebView *webView = [[WKWebV...
Flutter官方的webview_flutter ios中使用的wkwebview来实现的，webview加载本...
iOS与H5的交互【WKWebView】 iOS与H5的交互【WKWebView】
vw：相对于视口的宽度。视口被均分为100单位的vwvh：相对于视口的高度。视口被均分为100单位的vhvmax：...
vh和vw，vmin和vmax vh和vw相对于视口的高度和宽度，而不是父元素的（CSS百分比是相对于包含它的最近...
学习淘宝移动端实现时，发现的布局单位。 视口单位(Viewport units) 什么是视口？ 在PC端，视口指的...
viewpoint简单来说就是屏幕上能显示网页的那一片区域。 dpi(dots per inch)：即屏幕的像素密...
本文对比的是 UIWebView、WKWebView、flutter_webview_plugin（在iOS中使用...
本文标题：Flutter中使用WKWebView对H5视口单位的处理问题
本文链接：https://www.haomeiwen.com/subject/wahspdtx.html
网友评论