Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 要优化的标准分辨率大小_Css_Responsive Design_Media Queries - Fatal编程技术网

Css 要优化的标准分辨率大小

Css 要优化的标准分辨率大小,css,responsive-design,media-queries,Css,Responsive Design,Media Queries,我正在开发我的第一个响应性网站之一,我正试图找出需要优化的分辨率 有什么标准吗?你的做法是什么?很高兴知道这一点。我建议您使用以下方法,而不是设计“针对屏幕”: 围绕内容设计断点,而不是根据屏幕大小调整内容(屏幕大小一直在变化)。从小处开始,在小屏幕上访问我的内容的最佳方式是什么?一旦你有了这个开始,扩大你的浏览器。在什么时候修改布局才有用?这是你的第一个突破点 特拉维斯L说的没错——不要在屏幕上设计,而是为你发现在某些分辨率下无法工作的特定元素添加断点。 关键是最小化静态值并依赖可伸缩/基于百

我正在开发我的第一个响应性网站之一,我正试图找出需要优化的分辨率

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

我建议您使用以下方法,而不是设计“针对屏幕”:


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

特拉维斯L说的没错——不要在屏幕上设计,而是为你发现在某些分辨率下无法工作的特定元素添加断点。
关键是最小化静态值并依赖可伸缩/基于百分比的网格

也就是说,有一个;最明显的方法是考虑解决方案组:

像大多数屏幕宽度不小于320px一样,大多数手机尺寸在320-640px范围内,平板电脑通常在960px左右。请记住,您可以将大多数设备旋转90°,在大型桌面屏幕上放大移动布局看起来也很糟糕

给你,如果你认为这很简单,我为你感到难过,儿子。我们有99个视口,但iPhone只有一个查看我关于类似问题的问题->(下一次,在这一个中提问,而不是堆栈溢出,因为这更合适)@mattytommo,永不过时:)