这个问题的答案其实简单。
只要在网站前端开发过程中，将网站做成响应式布局，也就是 RWD （Responsive Web Design）就可以啦！当手机或者不同设备打开网站时，通过检测视口分辨率来自动呈现不同的尺寸布局内容。
图片来源：CSDN
当然还有一种类似的方式叫自适应布局，俗称 AWD（AdaptiveWebDesign），同样是检测视口分辨率，判断不同尺寸和分辨率是什么设备，从而返回不同布局页面。
图片来源：CSDN
图片来源：Dreamstime
这两种布局开发有什么区别呢？哪种布局的效果更好呢？
最根本的区别在于，响应式页面的代码量少，但质量要求高，根据不同分辨率自动调整排版，而自适应页面需要根据不同设备准备不同的页面，这样前期的开发工作就大了很多。
那么哪种布局效果更好呢，这其实很讲，大多数情况下响应式会更理想一些，但是自适应更加贴近实际，可以根据不同设备展现不同页面。当然最终用哪种布局还是要根据需求、预算而定。
像现在主流会采用 H5 响应式布局，仅涉及前端的开发工作，代码量少，效果佳，是一种性价比比较高的选择，如果题主有意要进行网站建站，特别是想要手机浏览也有一定效果，可以选择这种~
选择响应式也好，自适应也好，还是要听开发工程师和网站架构师或者产品经理的意见，他们能综合评估整个需求和业务逻辑，做出最佳选择。
优网科技秉承"专业团队、品质服务" 的经营理念，诚信务实的服务了近万家客户，成为众多世界500强、集团和上市公司的长期合作伙伴！
优网科技成立于2001年，擅长网站建设、网站与各类业务系统深度整合，致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设（品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、DIY体验、720全景展厅及3D虚拟仿真）、移动端应用（手机站、APP开发）、微信定制开发（微信官网、微信商城、企业微信）、微信小程序定制开发等一系列互联网应用服务。
公安局备案号：
专属顾问
