页面布局 - 智学轩城

页面布局

嘿,兄弟,说到页面布局,我之前还真踩过一个挺大的坑。记得那是在2015年,我在一家初创公司做前端开发,那时候我们接了一个项目,要做的是一个电商网站。
当时我们团队里的设计师给我提供了一个PSD文件,我就开始按照设计稿来布局页面。那时候我还年轻,没太多经验,就想着直接用HTML和CSS来模拟设计稿,结果出了个大问题。
页面布局看起来没问题,但一放到移动端就完全乱了套。那时候的流量主要还是来自手机,结果用户一打开页面,发现商品图片错位了,导航栏也跑到了屏幕外面,整个页面就像被风吹过一样,乱七八糟的。那段时间,我们接到的用户反馈简直爆炸,说我们网站太丑了,体验差到爆。
后来我反思了一下,原来是响应式布局没做好。那时候我不懂Flexbox,就瞎用了一下百分比和媒体查询,结果就是移动端适配效果极差。后来我花了两天时间恶补了Flexbox,重新布局了页面,这才解决了问题。
现在回想起来,那真是个教训。做页面布局,响应式设计一定要做好,不然就是给用户添堵。还有,不要只顾着视觉,功能性和用户体验才是王道。