如何在Shopify上显示桌面版本等移动版本

问题描述

我刚刚从“ themeforest”网站购买了一个主题，并在互联网上搜索了如何使移动版本看起来像台式机版本

我看到了一个将代码添加到我的示例中

     @media only screen and (max-width: 769px) {
#shopify-section-1525912530555 .flex-grid__item--50 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
}
}

但这没有帮助

解决方法

让移动版本与桌面版本完全相同是不切实际的吗？对于用户而言，它的流动性不好或不容易。

我建议将百分比设置为100％，以使其占据整个移动屏幕，但是您可能需要使用更多的媒体查询才能获取所有元素，或者至少要获取主要元素以匹配桌面版本：）