我正在运行 Shopify Debut 主题。我正在尝试编辑 Hero 部分,这是一个带有背景图像的文本叠加层。
我创建了两个 div,我可以将它们并排放置。但是,当我将屏幕尺寸缩小到移动设备时,右侧的 div 就被推离了屏幕。
每个 div 都有一个媒体查询(来自 shopify 主题)。我想我需要对此进行编辑以更改 div 的显示类型,但我不确定。你能建议吗?我在 jfiddle 中精简了代码。
@include media-query($small) {
max-width: $width-site;
padding-left: $gutter-site-mobile;
padding-right: $gutter-site-mobile;}
详情见 fiddle : https://jsfiddle.net/tulanejosh/dj7cskpp/1/
谢谢!
最佳答案
这不是 css,它是 sass/scss .. 所以你的媒体查询不能工作,因为 $small 没有定义
你应该贴出编译好的css
关于html - 如何使媒体查询包装我的 div?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48540552/