Css 笔记本电脑屏幕的媒体查询帮助

Am对笔记本电脑屏幕使用媒体查询： @仅介质屏幕和（最小宽度：1224px）和（最大宽度：1366px）{}

现在，Macbook pro 1224px将网站上的所有内容完美地对齐。但是其他笔记本电脑屏幕的1366px无法解决对齐问题，因为1366px是@media的一部分

我尝试将1224px和1366px作为两个独立的媒体查询，并将所有css放在下面，但似乎只有1366px可以工作

---

我应该怎么做才能使两种分辨率都有效，使网站在两种分辨率下都看起来很好？

我不建议首先为特定的视口设计。只需使用3个主要断点（@Dustin:谢谢，我会使用它们。