css - Squarespace 网站 - 一些图像没有响应

Question

在 Squarespace 上设计的一个 friend 的网站位于 www.diamondathome.com。

网站本身是移动响应式的，但主页顶部的 Facebook 和 Linkedin 图标无法缩放，在移动浏览器上显得太大。

我通过添加自定义 CSS 尝试了许多调整，但没有任何效果。

谁能给我一些关于到底发生了什么的想法？

谢谢!

斯科特。

Answer 1

这样可以解决问题:

@media only screen and (max-width: 640px) {
.sqs-gallery-design-grid-slide {
width: 40px !important;}

img.thumb-image.loaded {
width: 20px !important;
height: 20px !important;
}
}

如果您可以访问 Squarespace 中的 CSS 文件，您会在 site.css 上找到它。否则你可以将它添加到另一个 css 文件。