Css 使Wordpress.com投资组合具有响应性

我在Wordpress.com网站工作：www.theslowmelt.com。主页组合很棒，但两个Makers系列页面的组合没有响应： ;

我不得不在CSS中添加大量代码来更改字体大小和特色图像大小，并使这些页面全宽，我相信这些东西会干扰响应，但我仍然希望这些组合与主页组合看起来完全相同。我希望他们的回应和主页组合一样

我和Wordpress的一位代表聊过这件事，并和我的朋友（一位开发人员）一起在网页上工作。Wordpress的代表说：“看起来你在那些页面上使用了公文包的短代码，而没有应用相同的CSS。”他建议我联系Wordpress社区。我的开发人员朋友发现定制CSS的这些部分（下面的第112行和第125-129行）是阻止页面响应的原因；然而，去掉这些线条会使图像大小不同，从而使作品不再是全幅的

.postid-382 .column-3 .portfolio-entry {
    margin-bottom: 20px;
    width: 349px; JUST THIS LINE - LINE 112
    margin-right: 22px;
}

ALL OF THIS BELOW - LINES 125-129
.postid-382 .portfolio-featured-image img {
    height: 262px;
    width: 360px;
}

---

谁能帮我把这两个投资组合做得更好？提前非常感谢您的帮助

这些页面在手机上的缩放效果似乎还不错。他们怎么了？嗨，迈克尔。非常感谢您的回复。很抱歉，我花了这么长时间才回复你。这些图像在手机上还可以（有些图像稍微拉伸了，但没关系），但实际上是在平板电脑上看到的。应该仍然有三幅图像，就像平板电脑上的主页一样。取而代之的是，有两个，然后是一个，然后是两个图像。当我在笔记本电脑和桌面上调整浏览器的大小时，也会发生同样的情况。请尝试从

.postid-382.column-3.portfolio条目中删除
width
，改为
max width
，使其成为
.postid-382.column-3.portfolio条目{max width:349px；}
，然后添加
@媒体（最大宽度：800px）{.postid-382.column-3.portfolio条目{max width:100%；}
也删除
.postid-382.portfolio特色图像img{height:262px；width:360px；}
并且图像不会拉伸，但您可能需要调整一些图像的大小。