响应式设计的CSS断点 [英] CSS Breakpoints for Responsive Design

问题描述

Twitter Boot strap使用这些断点：

Twitter Boot strap uses these break points:

大显示屏：1200px
默认值：980px
平板电脑：768px
手机： 480px

Large Display: 1200px Default: 980px Tablet: 768px Mobile: 480px

客户表示他们使用1280像素作为他们的大显示断点。

A client said they are using 1280px for their Large Display breakpoint.

这些行业标准是否有行业标准？或者，它们只是我们现在就行吗？

Is there an industry standard for these or are they just made up as we go right now?

推荐答案

没有行业标准 - 真的应该选择应用程序/网站特定的断点。每个UI和设计都需要不同的断点。使断点设备激动也是建议。

No there isn't an industry standard - really you should choose application / website specific breakpoints. Each UI and design will need different breakpoints. Making break points device agonistic is also recommend.

http://coding.smashingmagazine.com/2012/03/22/device-agnostic-approach-to-responsive-web-design/

这篇关于响应式设计的CSS断点的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！