网站只在大屏上看着好看，小屏手机打开，文字挤成一团要左右滑才能看

18年做美食站，自己用的是27寸大屏显示器，在电脑上看排版，首页轮播、文章卡片、侧边栏，整整齐齐，觉得特别好看，测都没测手机端就直接上线了。结果上线第三天，本地用户在群里发截图，说用自己手机打开网站，文字挤成一团，图片比屏幕还宽，要左右滑才能看完整个页面，根本没法正常阅读，我当时脸都红了，赶紧拿自己的小屏手机打开看，真的是这样，所有固定宽度的元素在手机上全超宽，排版乱得一塌糊涂。 我当时连夜补了所有响应式断点，375宽度的常规手机、320宽度的小屏手机，全测了一遍：把固定宽度的容器改成百分比，图片加max-width:100%，文字自动换行，侧边栏在手机上挪到文章下面，折腾了一晚上，小屏打开终于正常了，再也不用左右滑。从那之后我做网站，写完先开浏览器的开发者工具，切到手机尺寸看排版，各种尺寸都测一遍，再也不只在自己大屏上看一眼就上线，毕竟现在80%的用户都是用手机看网站。 之前总觉得自己电脑上看着排版好看，网站就没问题，根本忘了大部分用户是用手机小屏打开，你大屏上整整齐齐的排版，在小屏上挤成一团，用户根本没法看，直接就关了。很多新手跟我当初一样，只在自己电脑上测排版，不测手机端，上线才发现小屏乱得没法看，耽误用户体验。 真的，网站上线前一定要测各种尺寸的手机屏幕，别只在自己大屏上看着好看就发，用户用小屏打开，排版乱了，内容再好也没人愿意看。