更改屏幕宽度时，Chrome 开发者工具会截断页面答案

【问题标题】：Chrome Developer Tools Cut Off Page When Changing Screen Width更改屏幕宽度时，Chrome 开发者工具会截断页面
【发布时间】：2020-06-25 22:24:46
【问题描述】：

当检查我的网页并尝试调整屏幕宽度以进行响应式设计时，它开始将我的网站削减到低于 1340 像素的任何位置。照片见链接。Screen Width In Chrome Developer Tools Not Working

【问题讨论】：

你能分享响应部分的css吗？你在用 boostrap 吗？
sitepoint.com/responsive-web-design-tips-bootstrap-css 您需要指定不同容器中较小屏幕尺寸的布局。 getbootstrap.com/docs/4.0/layout/grid
我正在使用网格系统。仅当我使用 chrome 开发人员工具进行检查时才会发生这种情况。否则，在没有打开开发工具的情况下调整浏览器窗口的大小不会在屏幕右侧创建那个空白区域。我是 Web 开发的新手，但我不想走得太远，后来它成为一个问题。我刚刚开始媒体查询并添加它们只会在使用浏览器窗口调整大小时产生影响。当我使用开发人员工具检查和调整大小时，右侧的空白仍然会出现......我需要使用它来了解我的屏幕宽度。
codepen.io/saltyndead/pen/RwPyyMZ

【解决方案1】：

我认为这可能对您有所帮助 https://www.w3schools.com/css/css_rwd_mediaqueries.asp 您需要为每个分辨率创建不同的样式我不确定你是否已经完成了，但这应该对你有所帮助

这就是我如何让我的项目响应式

您可能需要为每个新的屏幕尺寸制作一个新的背景图片，但这很容易，只需下载 gimp 并调整图片大小，确保调整大小使其不会拉伸

【讨论】：