Shopify如何让产品图片全屏显示？

Question

我的网上商店有一些问题。基本上，在移动设备上，我的产品图片看起来太小了。我希望它们占据整个屏幕（参见图片了解现在的情况）。

有人可以帮我挖掘 Shopify 资产来解决这个问题吗？

谢谢！

这是现在的样子：https://imgur.com/a/qOF8oSJ

Answer 1

您能告诉我您使用的是哪个主题并分享网站网址吗？

在这里我给你一些建议。如果你只希望它在移动设备上全屏显示，则必须在样式表中使用@media 屏幕。它应该看起来像这样：

@media only screen and (max-width: 767px) {
 .image{
   width: 100%;
 }
}

您可能需要添加更多 CSS 来更改图像的大小，因为它可能已经具有大小值。