标准分辨率大小，以优化

Question

我在我的第一个响应式网站上工作，并且我试图找出要优化的解决方案类型。

有没有标准或什么？你的做法是什么？很高兴知道。

Answer 1

我没有为屏幕＆＃34;设计＆＃34;而是挑战你使用这种方法：

围绕您的内容设计断点，而不是将您的内容与屏幕尺寸（随时更改）相匹配。从小处开始，在小屏幕上访问我的内容的最佳方式是什么？一旦开始使用，请扩大浏览器范围。在什么时候修改布局变得有用？这是你的第一个突破点。

Answer 2

Travis L所说的确实如此 - 不要在屏幕上进行设计，而是为特定元素添加断点，这些元素会在某些分辨率上停止工作。
关键是要最小化静态值并依赖可扩展/基于百分比的网格。

话虽如此，有extensive list of device sizes;最明显的方法是考虑决议群体：
像大多数屏幕宽度不小于320px，大多数移动尺寸在320-640px范围内，平板电脑通常大约960px。请记住，您可以将大多数设备旋转90°，并且在大型桌面屏幕上炸毁移动布局看起来也很糟糕。