How to display web pages on Android at native resolution

Question

I have an Android TV now.

The system parameters are 1920 x 1080 px 960 x 540 dp

I've finished a web page that I want to display on 1080p TV.

Through Android app's webview.

A 960 x 540 dp Android will let webview display in 960 x 540 px

This data comes from window.screen.height and window.screen.width (javascript)

Is there a solution other than body{zoom:0.5} and divide all px by two?

body{ zoom:0.5 } doesn't work for me, maybe it's because I used echarts

Answer 1

Okay, I found the perfect solution.

I didn't use zoom correctly before.

zoom is very effective

Now 960*540DP android behaves the same under 1080P web

        <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>

How to display web pages on Android at native resolution

Question

1 answers

solution1
0 2021-11-09 01:41:59

How to display web pages on Android at native resolution

Question

1 answers

solution1 0 2021-11-09 01:41:59

solution1
0 2021-11-09 01:41:59