Css 不以手机为中心的图像

看看这个

右边有3张图片。当我用移动设备查看我的站点时，这3个图像停留在那里而不是在中间居中，因此它们使页面溢出/有一个左右滚动。 关于如何修复它，以便在手机上查看页面时图像居中，有什么想法吗

谢谢

试试这个-

@media (max-width:600px) {
    .about-us-text,
    .about-us-images { width:100% } 
}

只需向images div添加一个类，并根据需要更改断点。现在看起来像这样-

---

以下是我必须做的事情

@media (max-width:600px) {
    .about-us-text {
        float: none !important;
        width:100% !important;
    } 
}

@media (max-width:600px) {
    .about-us-images {
        width: 100% !important;
    } 
}

就是这样。

使用CSS媒体查询 您给出的示例中使用的代码是

@media (max-width: 600px)
.about-us-images {
    width: 100% !important;
}

@媒体（最大宽度：600px）

部分告诉页面仅在页面宽度小于等于600px时应用这些样式

根据您的喜好进行调整 您可以将其调整到您想要的任何大小，或者使用反面来设置任何600px或更宽的页面样式，使用：

@介质（最小宽度：600px）

---

您希望它们在哪里？在文本之间？文本下面就可以了。溢出不是因为这3个图像。这是因为标题中的标志img具有类别

品牌

好的，这是有意义的，应该可以工作，但事实并非如此。我添加了类和css，但它不起作用。我玩了一点，并设法修复了它。谢谢你的想法：）很高兴听到！你最后要做什么？