Css 如何在mobile view中删除填充并放大图像

在上，我试图减少蓝色框内的填充，放大图像，并删除移动视图的悬停。到目前为止，我的代码不会改变它。我只是想让它对触摸设备更灵敏

@media only screen and (max-width:800px) {
    #header, #pageWrapper, #footer {
        padding: 30px 20px;
        margin-bottom: 0px !important;
    }  
    h1.logo {
        text-align: center;
        padding-bottom: 10px
    }
    .slide img {
        opacity: 1
    }
    .sqs-active-slide img {
        opacity:1
    }
    .collection-type-gallery #slideshowWrapper .slide img {
        background-color: white !important;
        margin: 2px 0;
    }
    img {
        max-width: 200px;
    }
    .hentry {
        background: #F8F9FC;
        padding: 10px;
        border-style: solid;
        border-color: #E2E7F5;
        border-width: 2px
    }
    .collection-51ca14b1e4b014f2c6e0c3e7 .slide img {
        opacity:1.0;
    }
}

---

我可以马上告诉你，你的最大宽度可能太高了。如果您的目标是智能手机，它的最大像素应该是640像素。

对于图像，您需要使用

！重要信息

重写HTML中的常规特殊性样式的声明。 例如，如果要将新宽度设置为400px：

.sqs-gallery-block-grid .slide .margin-wrapper a.image-slide-anchor img {
    width: 400px !important;
    height: auto !important;
}

---

你刚才是怎么编辑我的问题的？蓝线在背景/框外，我怎样才能使它停止在框的边缘显示我可以将其更改为蓝色背景，没有边框，每个帖子之间只有空白？而不是使用这些框。

.collection-51ca14b1e4b014f2c6e0c3e7.幻灯片img

；-）这指的是什么@jeromeMi用328添加了这个，现在它偏离中心，与下一篇文章重叠。而且，它不适用于有多个图像的文章。你必须设置一个

float:left.margin包装器上的code>（重叠）。已添加。但它仍将图像向右推，图像下方的空间过大。将图像上的
left
设置为
0px
，并调整图像的
宽度。我不能解决所有问题，给你一些指导。希望对你有所帮助，不要犹豫说“谢谢”；-）