时间戳

首页 > 解决方案 > Flutter：移动 webapp 响应式 UI 在移动浏览器应用程序上渲染良好，但在应用内 webview 上却不行

flutter - Flutter：移动 webapp 响应式 UI 在移动浏览器应用程序上渲染良好，但在应用内 webview 上却不行

问题描述

使用webview_flutter包在我的应用程序中显示 webview。该网页也可以响应移动视图，并且在 chrome、firefox 等移动浏览器上加载时没有任何问题。但是当我通过我的 webview 加载同一页面时，它实际上并没有呈现为响应式布局。它只是试图将完整网页上的任何内容适应移动设备而不遵循任何响应。

    WebView(
           initialUrl: myHttpsUrl,
           javascriptMode: JavascriptMode.unrestricted,
           javascriptChannels: <JavascriptChannel>[
              _eventChannel(context),
           ].toSet(),
           gestureNavigationEnabled: false,
           onPageStarted: _pageStarted,
           onPageFinished: _pageFinished,
    ),

在 Android 和 iOS 平台上观察到相同的行为。

编辑：网页正在设置视口元数据，如下所示：

<meta name="viewport" content="width=device-width, initial-scale=1">

标签： flutterflutterwebviewplugin

解决方案

推荐阅读