要优化的标准分辨率尺寸

Standard resolution sizes to optimize for

我正在开发我的第一个响应式网站,我正在尝试找出要针对哪种分辨率进行优化。

有什么标准吗?你的做法是什么?很高兴知道。

与其设计 "for screens",我会挑战你使用这种方法:

围绕您的内容设计断点,而不是让您的内容适应屏幕尺寸(屏幕尺寸一直在变化)。从小处着手,在小屏幕上访问我的内容的最佳方式是什么?一旦你有了这个开始,扩大你的浏览器。什么时候修改布局有用?这是你的第一个突破点。

Travis L 说的是真的 – 不要在屏幕上设计,而是为您发现在某些分辨率下停止工作的特定元素添加断点。
这样做的关键是最小化静态值并依赖可扩展/基于百分比的网格。

也就是说,有一个extensive list of device sizes;最明显的方法是考虑分辨率组:
像大多数不小于 320px 宽度的屏幕一样,大多数手机尺寸在 320-640px 范围内,平板电脑通常在 960px 左右。请记住,您可以将大多数设备旋转 90°,并且在大桌面屏幕上放大移动布局看起来也很糟糕。