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

Posted

技术标签:

【中文标题】如何以原生分辨率在 Android 上显示网页【英文标题】:How to display web pages on Android at native resolution 【发布时间】: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.heightwindow.screen.width (javascript)

除了 bodyzoom:0.5 并将所有像素除以二?

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

【问题讨论】:

【参考方案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>


【讨论】:

以上是关于如何以原生分辨率在 Android 上显示网页的主要内容,如果未能解决你的问题,请参考以下文章

如何使用具有分辨率切换能力的原生 Android 制作视频播放器,就像我们在 YouTube 中看到的那样?

在 android 上加载和播放超高分辨率视频

怎么使自己的网页在任何分辨率的显示器上都居中显示

HTML页面是如何适应不同分辨率的显示器

Android获取设备分辨率的新方法 DisplayMetrics

智能手机浏览器的分辨率