时间戳

首页 > 解决方案 > 如何以原生分辨率在 Android 上显示网页

javascript - 如何以原生分辨率在 Android 上显示网页

问题描述

我现在有一台安卓电视。

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

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

通过 Android 应用的 webview。

960 x 540 dp Android 将让 webview 以 960 x 540 px 显示

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

body{zoom:0.5} 除了将所有像素除以二之外，还有其他解决方案 吗？

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

标签： javascriptandroid

解决方案

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

我之前没有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>

推荐阅读