几个月前我在这个博客上有过非常好的体验，所以我希望有人能够再次帮助我：）
我正在开发Squarespace的网站，并在移动设备上遇到横幅问题。这是我的网站：https://sim-zuk-zrdc.squarespace.com
我遇到的问题是横幅放大了移动设备上的图像太多，切断了图像的重要部分。
所以我找到了一个显示全尺寸的代码。然而，它增加了我不想要的额外填充。这里的代码让我走了一半：
@media only screen
and (max-width: 640px)
{ .image-container.content-fill { max-height: 300px; }}
如果您查看手机，图片现在已经完整尺寸，但现在我正在获得这些可怕的大白色空间。 （我还附上了一张图片CLICK ME）
有谁知道如何解决这个问题？ PLEAAAAAAAASE：）
非常感谢你提前
答案 0 :(得分：0)
您正在使用Marquee template权利吗？
您在视差图像之间看到空白区域的原因是您只控制图像容器<div>的高度，而不是<img>本身。
Squarespace中的content-fill类是Squarespace的ImageLoader YUI（javascript）图像加载和裁剪实用程序所使用的类，可动态调整图像大小以适合其容器。
因此，除非您启用Squarespace的开发者模式，否则您只能控制容器的大小而不能控制<img>本身。我非常确定您必须为Marquee的索引视图自定义模板文件，删除内容填充类并为正确的移动大小添加ImageLoader类，然后使用YUI / js重新加载调整窗口大小时的图像。
您使用的是开发者模式吗？
