电子邮件媒体查询定义

Question

已经有一段时间了，因为我必须做一个响应式edm模板，屏幕尺寸变大了。

我整个下午一直在测试和失败 - 我基本上只是希望有两个媒体查询来定位以下两个主要断点：

1. 断点1（iPhone 5S）：320px（显示320px）
2. Breakpoint 2（iPhone 6+）：414px（显示375px）

所以我不明白为什么下面的工作

＆＃13;
＆＃13;
@media screen and (max-width: 414px) {
  table.bannerTable img {width:375px !important;} 
}
@media screen and (max-width: 361px) {
  table.bannerTable img {width:320px !important;} 
}
＆＃13;
＆＃13;
＆＃13;

我只想在桌面上有一个700px宽的横幅图片，在大型智能手机中有375px宽，在其他设备上有320px宽。