做一个能适配「手机」的网站需要注意什么

这个问题的答案其实简单。

只要在网站前端开发过程中，将网站做成响应式布局，也就是 RWD （Responsive Web Design）就可以啦！当手机或者不同设备打开网站时，通过检测视口分辨率来自动呈现不同的尺寸布局内容。

 

当然还有一种类似的方式叫自适应布局，俗称 AWD（AdaptiveWebDesign），同样是检测视口分辨率，判断不同尺寸和分辨率是什么设备，从而返回不同布局页面。

这两种布局开发有什么区别呢？哪种布局的效果更好呢？
最根本的区别在于，响应式页面的代码量少，但质量要求高，根据不同分辨率自动调整排版，而自适应页面需要根据不同设备准备不同的页面，这样前期的开发工作就大了很多。

那么哪种布局效果更好呢，这其实很讲，大多数情况下响应式会更理想一些，但是自适应更加贴近实际，可以根据不同设备展现不同页面。当然最终用哪种布局还是要根据需求、预算而定。

像现在主流会采用 H5 响应式布局，仅涉及前端的开发工作，代码量少，效果佳，是一种性价比比较高的选择，如果题主有意要进行网站建站，特别是想要手机浏览也有一定效果，可以选择这种~

选择响应式也好，自适应也好，还是要听开发工程师和网站架构师或者产品经理的意见，他们能综合评估整个需求和业务逻辑，做出最佳选择。