webf icon indicating copy to clipboard operation
webf copied to clipboard

The default height of the body content is wrong

Open yifei8 opened this issue 2 years ago • 0 comments

Affected version

0.12.0 +

No same issues found.

  • [X] Yes, I search all issues but not found.

Steps to Reproduce

如下示例:

Code example

<!DOCTYPE html>
<html>

<head>
    <style>
        :root {
            --blue: #1e90ff;
            --white: #ffffff;
        }

        body {
            background-color: var(--blue);
        }

        h2 {
            border-bottom: 2px solid var(--blue);
        }

        .container {
            color: var(--blue);
            background-color: var(--white);
            padding: 15px;
        }

        button {
            background-color: var(--white);
            color: var(--blue);
            border: 1px solid var(--blue);
            padding: 5px;
        }
    </style>
</head>

<body>

    <h1>Change CSS Variable With JavaScript</h1>

    <div class="container">
        <h2>Lorem Ipsum</h2>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar
            felis blandit.</p>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar
            felis blandit.</p>
        <p>
            <button>Yes</button>
            <button>No</button>
        </p>
    </div>
    <br>
</body>

</html>

Expected results

image

Actual results

Screenshot_20221124_190622

yifei8 avatar Nov 24 '22 11:11 yifei8