如何以原生分辨率在 Android 上显示网页答案

【问题标题】：How to display web pages on Android at native resolution如何以原生分辨率在 Android 上显示网页
【发布时间】：2021-12-21 02:59:09
【问题描述】：

我现在有一台 Android TV。

系统参数为1920 x 1080 px 960 x 540 dp

我已经完成了一个想要在 1080p 电视上显示的网页。

通过 Android 应用的 webview。

960 x 540 dp Android 将允许 webview 以 960 x 540 像素显示

此数据来自window.screen.height 和window.screen.width (javascript)

除了 body{zoom:0.5} 并将所有像素除以二？

body{ zoom:0.5 }对我不起作用，可能是因为我使用了echarts

【问题讨论】：

标签： javascript android

【解决方案1】：

好的，我找到了完美的解决方案。

我之前没有正确使用zoom。

zoom很有效

现在 960*540DP android 在 1080P 网络下表现相同

  <style type="text/css">
      body {
           width: 200vw;
           height: 200vh;
           min-height: 200vh;
           zoom: 0.5 !important;
      }

      .mbody {
          height: 100%;
       }
  </style>

   <body>
       <div class="mbody">
       ...
       </div>
   </body>

【讨论】：