Dawn主题图片与图片之间的空白怎么去掉?

Topic summary

用户在使用Shopify的Dawn主题时,产品详情页面的图片之间出现了无法消除的空白间隙,导致图片无法紧密连接。

提供的解决方案:

  1. CSS方法:给所有图片添加一个div包裹层,将该div的font-size设置为0,然后去掉图片的border和margin-bottom样式

  2. 调整间距参数

    • 修改第一张图片:下间距改为0.01
    • 修改第二张图片:上间距改为-16,下间距改为0.01
    • 参考社区帖子中的详细步骤

当前状态:
用户尝试了第一种方法后发现虽然空白消除了,但图片尺寸发生了变化且大小不一,正在寻求如何统一图片尺寸的进一步解决方案。用户表示对代码修改不太熟悉。

Summarized with AI on November 13. AI used: claude-sonnet-4-5-20250929.

感谢大佬的回复,我试了,确实可以,但是改了以后,图片尺寸都变了,大小各不一样,有没有什么方法,把里面的图片统一改成一样的尺寸呢?