How to prevent height extending while zoom out?

[stopbullyingme]

*Somewhat reason img element doesn’t work for me. so I added link instead.

Hi.

I found that the height value changes when I zoom out in some browser, especially Chrome and Opera like this. link

But in Firefox, it doesn’t extend how much I zoom out. link

Is there any ways to stop the height changing in Chrome and Opera like Firefox does?

Any tips or comments would be great to improve my skills.

Thanks.

      #container {
        position: relative;

        width: 400px;  height: 29rem;

        transition: all 400ms;

        background-color: black;   white-space: nowrap;
      }

      

        Div's height keeps changing while I zooming out.
      

[Author]

Posts