在 Google Chrome 中管理页面中的响应式布局，首先打开浏览器，找到要管理的页面。接着右键点击页面空白处，选择“检查”或按 F12 键进入开发者工具界面。在开发者工具中，切换到“元素”选项卡，这里可以看到页面的 HTML 结构。通过鼠标点击对应的元素，能在右侧看到其样式属性，包括与响应式布局相关的属性如宽度、高度、最大宽度、最小宽度等设置。
若要调整特定元素的响应式布局，可以直接修改样式属性中的相关数值。比如将某个元素的“width”属性从固定像素值改为百分比形式，这样能使其在不同屏幕尺寸下自适应变化。对于复杂的布局调整，还可以利用媒体查询功能。在 CSS 样式代码中找到或添加媒体查询语句，像“@media screen and (max-width: 768px)”这样的代码，在里面定义在屏幕最大宽度为 768 像素时的样式规则，以此来控制不同屏幕尺寸下的布局显示效果。
另外，可以使用 Chrome 开发者工具中的设备模拟功能。在开发者工具的左上角有一个手机图标，点击它可以切换到不同的移动设备模式，此时页面会以模拟的设备屏幕尺寸和分辨率进行显示，方便查看和调试响应式布局在该设备上的实际效果，根据模拟情况进一步优化页面的响应式布局设置，确保在各种设备上都能呈现出良好的页面布局和用户体验。