几个月前，我在此博客上获得了非常好的经历，所以我希望有人能再友好地帮助我:)
我正在Squarespace的一个网站上工作，并且手机上的横幅出现问题。这是我的网站：https://sim-zuk-zrdc.squarespace.com
我遇到的问题是横幅广告在移动设备上的图像放大太多，从而切断了图像的重要部分。
因此，我找到了一个显示完整尺寸的代码。但是，它添加了其他我不想要的填充。这是使我半途而废的代码：
@media only screen
and (max-width: 640px)
{ .image-container.content-fill { max-height: 300px; }}如果您在手机上查看图片，图像现在已放大，但是现在我得到了这些可怕的大空白。 （我还附了图片CLICK ME）
有谁知道如何解决这一问题？ PLEAAAAAAASE :)
提前谢谢你
最佳答案
您使用的是Marquee template对吗？
看到视差图像之间有空白或条带的原因是，您仅控制图像容器<div>的高度，而不是<img>本身的高度。
Squarespace中的content-fill类是Squarespace的ImageLoader YUI（javascript）图像加载和裁剪实用程序使用的类，该类可动态调整图像大小以适合其容器。
因此，除非您打开Squarespace的开发人员模式，否则您只能控制容器的大小，而不能控制<img>本身。我很确定您必须为Marquee的索引视图自定义模板文件，删除内容填充类，并为正确的移动大小添加ImageLoader类，然后在调整窗口大小时使用YUI / js重新加载图像。
您是否在使用开发人员模式？
关于css - 更改手机上的视差横幅尺寸，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/45570400/