CSS响应设计断点 [英] CSS Responsive Design Break Points
问题描述
我在使用断点768 480&这是足够的响应式设计或更多的推荐。
I'm using Break points at 768 480 & 225. Is this sufficient for my responsive design or is more recommended.
768 + |计算机
768 + | Computer
480 - 768 |平板电脑
480 - 768 | Tablet
225 - 480 |智能手机
225 - 480 | Smart Phone
225< |电话/最小浏览器
225 < | Phone / Min Browser
推荐答案
我甚至不会担心尝试设计显示器的类型,可能基于此做出决定。
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.
这篇关于CSS响应设计断点的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!