CSS Responsive Design Break Points

五迷三道 提交于 2020-01-01 14:19:28

问题


I'm using Break points at 768 480 & 225. Is this sufficient for my responsive design or is more recommended.

768 + | Computer

480 - 768 | Tablet

225 - 480 | Smart Phone

225 < | Phone / Min Browser


回答1:


I wouldn't even worry about trying to design for types of displays, there are too many resolutions to possibly make decisions based on that.

Instead, just start with your maximum resolution on your display, and slowly shrink the browser window until you find the natural breakpoints for your content, and fix them as they come up. If you do this, then it won't matter what resolutions are out there, and it will be future-proof for new displays.

You definitely don't have to throw away your current break points, just check them to see if there's any more you need to add or a way to make your current ones more efficient.

Here's a Smashing Mag article that goes further into the topic.



来源:https://stackoverflow.com/questions/14352108/css-responsive-design-break-points

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!