我正在使用笔记本电脑屏幕的媒体查询： @media only screen and（min-width：1224px）and（max-width：1366px）{}
现在Macbook pro 1224px完美地对齐网站上的所有内容。但其他笔记本电脑屏幕的1366px无法解决对齐问题，因为1366px是@media的一部分。
我尝试将1224px和1366px作为两个单独的媒体查询并且拥有它下面的所有css，但似乎只有1366px可以工作。
我应该怎么做才能使这两项决议都有效？这两个决议网站看起来都不错？