首页 > 解决方案 > 如何在 Shopify 上显示类似于桌面版的移动版

问题描述

我刚从“themeforest”网站买了一个主题,然后在网上搜索了如何让手机版看起来像桌面版

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

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

但这没有帮助

标签: shopifyshopify-template

解决方案


让移动版本与桌面版本完全相同不是不切实际吗?它不会很好地流动或对用户来说很容易。

我建议将百分比设置为 100%,这样它会占据整个移动屏幕,但您可能需要使用更多媒体查询才能获取所有元素或至少主要元素以匹配桌面版本:)


推荐阅读