我正在尝试让我的opencart响应。我按照这里的说明进行操作：How can i make my current opencart theme responsive?
但每次我想要更改mobile.css中的内容时，都会影响desktop.css。例如，我将#footer{ display:none;}放在mobile.css中，但结果却在桌面和平板电脑中杀死了页脚。
我会错过什么吗？
答案 0 :(得分：0)
mobile.css仍将影响其他屏幕尺寸。用这个包装你的desktop.css：
@media (min-width: 970px) {
}
要显示页脚，请将其添加到desktop.css（在上面的媒体查询中）：
#footer { display: block; }
根据您上面的评论，您似乎应该更改＆＃34; max-width＆＃34;到＆＃34; min-width＆＃34;在desktop.css上的媒体查询中。