Big Cartel主题没有考虑移动设备上的媒体查询

Question

我创建了一个大卡特尔主题并成功安装了它。代码中的媒体查询在我的计算机上正常工作，但是当我在iPhone上加载网站时，它以原始宽度显示 - 它应该考虑到max-device-width：480px。任何帮助解决这个问题的人都会非常感谢，提前谢谢。

Answer 1

请确保包含！important，因为这会覆盖所有其他代码：

@media screen and (min-width: 767px) and (max-width: 1200px) {
.class {
  font-size:1.2em !important;
  color:#ffffff;
 }
}

就像那样。