gpt4 book ai didi

css - OpenCart响应式布局破坏桌面布局

转载 作者:行者123 更新时间:2023-11-28 10:11:38 25 4
gpt4 key购买 nike

我正在尝试让我的 opencart 响应。我按照这里的说明操作:How can i make my current opencart theme responsive?

但每次我想更改 mobile.css 中的内容时,它都会影响 desktop.css。例如,我将 #footer{ display:none;} 放在 mobile.css 中,但结果它在台式机和平板电脑中杀死了页脚。

我错过了什么吗?

最佳答案

mobile.css 仍会影响其他屏幕尺寸。用这个包裹你的 desktop.css:

@media (min-width: 970px) {

}

要显示页脚,请将其添加到 desktop.css(在上面的媒体查询中):

#footer { display: block; }

根据您上面的评论,您似乎应该在 desktop.css 的媒体查询中将“max-width”更改为“min-width”。

关于css - OpenCart响应式布局破坏桌面布局,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24353784/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com