vendredi 4 septembre 2020

Why is my fixed width layout shrinking when using the developer tools inside the browser?

I'm currently using google chrome browser developer tools to resize my webpage as I create it. I ran a test with a single element which I set the width to 900px. When I resize the page inside the browser using developer tools the div element shrinks with the page as if its responsive. From experience when you have a fixed width the element should "run" off of the screen once the screen decreases pass the elements size and make the window scroll left and right but instead the element starts to become responsive and it doesn't "run" off of the screen.

<!DOCTYPE html>

<html>
    <head>
        <title>Testing Page Shrinkage</title>
        <style>
            div{
                width: 900px;
                background-color: blue;
                height: 300px;
            }
        </style>
    </head>

    <body>
        
        <div>
            1
        </div>

    </body>
    
</html>




Aucun commentaire:

Enregistrer un commentaire