shopify - 如何在 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%,这样它会占据整个移动屏幕,但您可能需要使用更多媒体查询才能获取所有元素或至少主要元素以匹配桌面版本:)
推荐阅读
- typescript - TypeScript 定义合并对象,但防止对象属性中不同类型的合并
- c# - 一旦 AccessToken 被删除或撤销,LinkedIn 身份验证自动重定向代码 = null
- getstream-io - 快速的 getstream-io api 中的重复注释
- c - 父进程死后子进程能否向父进程发送信号
- mysql - Yii2-如果对应的值被另一个表单使用,如何插入状态列及其自动变化
- depth-first-search - 有向图问题的不可能 DFS
- javascript - 等待在 Javascript 中重绘
- javascript - 如何将上传文件的名称设置为输入类型:html中javascript上的文本
- linux - 是否可以让 PC 或 Linux 机器关闭一段时间然后自动重新启动?
- linux - 如何减少 Curl 命令的输出?