为什么制作现代网站就应该是响应式？

制作过不同的产品，有面向消费者（to C）也有面向企业（to B）的，特别是面向企业的系统有个开发上的观点是「用户使用产品都是使用电脑，所以不用考虑小尺寸的使用体验」。

然而真的是这样吗？

举当今常见的屏幕尺寸 1920x1080，用户切一半窗口操作： 1920 / 2 = 960，画面加个侧栏： 960 - 300 = 690 算上大大小小的留白与版面⋯⋯内容尺寸也和手机平板没两样。

可以发现实际显示网页内容的尺寸是浮动且无法控制的，网页希望只支持大尺寸且半吊子的套上响应式会造成：

1. 产品就是只能在特定尺寸下才能正常操作的印象，半成品的感觉。
2. 时时刻刻出现怪版面的问题。

开发上会因为只考虑一种尺寸比较快吗？的确有可能。但这样的做法已经渐渐变得不值得，原因是因为：

1. 早期习惯 ：在过去像 Flash 或传统桌面应用的时代，人们预设「用户就是在电脑全屏幕操作」。因此产品设计没有太多跨尺寸的考量，单一版面就能满足需求。
2. 早期前端不是一个专业的领域：前端直到近期才是成熟且规范的领域，界面不再是输入与输出而是一种被重视的体验。
3. 组件化盛行：如今随着前端工程化发展，设计能适应不同尺寸的 UI 不再是难事。通过可重复使用的组件与响应式布局，才能更有效率地维护与扩展。

早期网页还需要设计师画图用 Table 切片组成网页的思维和如今强大 CSS 与丰富生态的 JS 已经是不同世界。

延伸阅读

• 制作响应式网页需要多少尺寸版本？三个论点说服你越少越好。🔗