网站开发时总归绕不开一个阶段，那就是多端适配。这里的多端指的是电脑、手机、平板、电视屏等。

一般而言，网站刚开始开发时多是基于电脑端。由于平板、电视屏与电视显示器的比例接近，无需过多调整。因此做多端适配时，最经常需要解决的就是手机端的适配。

做适配一般而言有两种方案

开发两个网站

针对手机端独立开发一个新的网站，在服务器判断用户使用的设备，并返回对应的电脑或手机的网站。

优点是用户体验好，项目分开开发也降低了耦合度。缺点自然也很明显，成本高，像淘宝、京东、豆瓣等大型网站不计较成本的都会采用这样的方式。

使用媒体查询

使用媒体查询判断对应的屏幕大小或设备，然后调整 CSS 布局。这是使用最多的一个方案，开发成本低，效果也不错。

总结

没有什么一劳永逸的方法可能解决多端适配，还是需要设计师设计好不同端的界面，然后开发时相应处理。在一些细节上按不同的逻辑处理。

比如支付页面，在电脑端应该是显示的是二维码，供用户扫码支付，而在手机则应该是直接调起支付宝 APP。

很多时候就是通过反复地测试调整这些细节，来完成多端适配。