Css 屏幕宽度小于480px时的引导异常行为

我有这个网站在桌面和更广泛的设备上工作，但是当在小于约480px的屏幕上观看时，它看起来像是缩小了身体的宽度

随着屏幕变小，情况变得更糟：

因为CSS是如此巨大，而且多个文件被合并在一起，我甚至不知道在这里发布什么代码

希望有人能通过查看找到问题：

非常感谢您的帮助。

有多处错误：

您已注释掉

宽度：100%的
img
的code>。图像应具有
宽度：100%

.badgehead

和

.badgetext

的固定宽度为

390px

，比视口宽。尝试以百分比表示宽度。同样，给出两个

宽度：100%

.badgehead

和

.badgetext

也有固定的

左
值
左：249px非常非常高，因此他们将内容推出。试着给他们
左：180px

---

第二个和第三个应该只跟在

媒体查询之后

我猜这与您的

徽章头

和

徽章文本

元素处于绝对位置且具有静态宽度有关。因此，您看到的是浏览器试图呈现这些元素的全部宽度-因此内容框看起来比它应该的小，而实际上它是

badgecont

，并且它的子元素将其弄乱了。@您是对的。那些确实把事情搞砸了。谢谢！你让我走对了路。徽章确实是个问题，不客气。。