这个问题的答案其实简单。
只要在网站前端开发过程中，将网站做成响应式布局，也就是 RWD （Responsive Web Design）就可以啦！当手机或者不同设备打开网站时，通过检测视口分辨率来自动呈现不同的尺寸布局内容。
图片来源：CSDN
当然还有一种类似的方式叫自适应布局，俗称 AWD（AdaptiveWebDesign），同样是检测视口分辨率，判断不同尺寸和分辨率是什么设备，从而返回不同布局页面。
图片来源：CSDN
图片来源：Dreamstime
这两种布局开发有什么区别呢？哪种布局的效果更好呢？
最根本的区别在于，响应式页面的代码量少，但质量要求高，根据不同分辨率自动调整排版，而自适应页面需要根据不同设备准备不同的页面，这样前期的开发工作就大了很多。
那么哪种布局效果更好呢，这其实很讲，大多数情况下响应式会更理想一些，但是自适应更加贴近实际，可以根据不同设备展现不同页面。当然最终用哪种布局还是要根据需求、预算而定。
像现在主流会采用 H5 响应式布局，仅涉及前端的开发工作，代码量少，效果佳，是一种性价比比较高的选择，如果题主有意要进行网站建站，特别是想要手机浏览也有一定效果，可以选择这种~
选择响应式也好，自适应也好，还是要听开发工程师和网站架构师或者产品经理的意见，他们能综合评估整个需求和业务逻辑，做出最佳选择。
優(yōu)網(wǎng)科技秉承"專業(yè)團隊、品質(zhì)服務(wù)" 的經(jīng)營理念，誠信務(wù)實的服務(wù)了近萬家客戶，成為眾多世界500強、集團和上市公司的長期合作伙伴！
優(yōu)網(wǎng)科技成立于2001年，擅長網(wǎng)站建設(shè)、網(wǎng)站與各類業(yè)務(wù)系統(tǒng)深度整合，致力于提供完善的企業(yè)互聯(lián)網(wǎng)解決方案。優(yōu)網(wǎng)科技提供PC端網(wǎng)站建設(shè)（品牌展示型、官方門戶型、營銷商務(wù)型、電子商務(wù)型、信息門戶型、微信小程序定制開發(fā)、移動端應(yīng)用（手機站、APP開發(fā)）、微信定制開發(fā)（微信官網(wǎng)、微信商城、企業(yè)微信）等一系列互聯(lián)網(wǎng)應(yīng)用服務(wù)。
公安局備案號：
專屬顧問
