响应式断点设五六个，平板布局错位，留三个常用断点，所有设备显示正常

新手做响应式网站，断点设乱了，平板上布局错位，手机上字挤一起，其实常用的断点就三个，别乱设。第一，手机端断点768px以下，单列布局，字大；第二，平板768到1200px，两列布局；第三，电脑端1200px以上，多列布局；第四，别为了小尺寸屏幕单独做样式，重复代码太多，按这三个断点就够。

我之前网站，断点设了五六个，平板上布局错位，删到三个常用断点，调整完，手机、平板、电脑上都正常。很多新手觉得响应式要做十几个断点，其实三个就覆盖所有设备。