响应式网页断点就三个：手机、平板、电脑，别搞十几个

新手做响应式网页，不知道断点设多少，手机上还是错位，今天说通用的三个断点，照着写就对。

三个通用断点

小于768px是手机屏幕，768-1024是平板，大于1024是电脑屏幕，写CSS的时候，先写电脑端的样式，再用@media screen and (max-width:768px)写手机端的样式，基本就适配所有设备了。

别设太多断点

别搞十几个断点，每个宽度都写一套样式，维护起来疯掉，就三个断点，覆盖手机、平板、电脑，足够用。

移动优先

新手先写手机端样式，再慢慢适配大屏，这样写出来的手机体验更好，不会手机上一大堆电脑端的样式。