更改屏幕宽度时，Chrome开发者工具会切断页面 [英] Chrome Developer Tools Cut Off Page When Changing Screen Width

问题描述

在检查我的网页并尝试调整屏幕宽度以进行响应式设计时，它开始将我的网站切成小于1340px的任何东西.请参阅照片链接. Chrome开发人员工具中的屏幕宽度不起作用

When inspecting my webpage and trying to resize the screen width for responsive designing it begins to cut my website on anything lower than about 1340px. See link for photo.Screen Width In Chrome Developer Tools Not Working

推荐答案

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

I think this may help you https://www.w3schools.com/css/css_rwd_mediaqueries.asp you need to create different styles for each resolutions im not sure if you done it already but this should help you

这就是我使项目具有响应能力的方式

in that's how i make my projects responsive

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

you may need to make a new background image with each new screen size but that is easy just download gimp and resize the image make sure that you resize it in a way that it doesn't stretch

这篇关于更改屏幕宽度时，Chrome开发者工具会切断页面的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！