时间戳

首页 > 解决方案 > 为什么在浏览器中使用开发者工具时，我的固定宽度布局会缩小？

html - 为什么在浏览器中使用开发者工具时，我的固定宽度布局会缩小？

问题描述

我目前正在使用 google chrome 浏览器开发人员工具在创建网页时调整其大小。我用一个元素进行了测试，我将宽度设置为 900px。当我使用开发人员工具在浏览器中调整页面大小时，div 元素会随着页面缩小，就好像它是响应式的一样。根据经验，当您具有固定宽度时，一旦屏幕减小通过元素大小并使窗口左右滚动，元素应该从屏幕“运行”，但元素开始变得响应并且它不会“运行”离开屏幕。

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

标签： htmlcssweb

解决方案

推荐阅读