移动

Question

我对这个博客在几个月前，所以我希望有人会好心地再帮我:)

我工作的Squarespace在网站上一个很好的经验，改变视差的横幅大小并在手机上的横幅上有问题。这里是我的网站：https://sim-zuk-zrdc.squarespace.com

我遇到的问题是横幅放大太多的移动图像，切断图像的重要部分。

所以我找到了一个代码，显示他们的全尺寸。但它增加了我不想要的额外填充。这里是让我半路上有代码：

@media only screen 
 
and (max-width: 640px) 
 
{ .image-container.content-fill { max-height: 300px; }}

如果你检查你的手机，图像现在是全尺寸的，但现在我得到这些可怕的，白色的大空间。 （我也附上了一张图片CLICK ME）

有谁知道如何解决这个问题？ PLEAAAAAAASE :)

非常感谢你提前

Answer 1

您使用的是Marquee template吧？

您看到视差图像之间的空白区域或带宽的原因是，您只控制图像容器的高度<div>而不是<img>本身。

Squarespace中的content-fill类是Squarespace的ImageLoader YUI（javascript）图像加载和裁剪实用程序使用的类，它动态调整图像的大小以适应其容器。

因此，您只能控制容器的大小，而不是<img>本身，除非您打开Squarespace的开发人员模式。我很肯定你必须为Marquee的索引视图定制模板文件，删除content-fill类，并为正确的移动大小添加一个ImageLoader类，然后在调整窗口大小时使用YUI/js重新加载图像。

您是否在使用开发者模式？