# 同一个网站，手机端跟电脑端显示不同是怎么实现的？

**URL:** <https://www.shiqidu.com/t/topic/583>\
**Category:** 开发调优\
**Tags:** 互联网\
**Created:** [2019 年4 月 23 日 04:53 UTC](https://www.shiqidu.com/t/topic/583 "2019-04-23T04:53:10Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

作者： ![opengps](https://www.shiqidu.com/user_avatar/www.shiqidu.com/opengps/32/951_2.png) [@opengps](https://www.shiqidu.com/u/opengps)\
发布日期： [2019 年4 月 23 日 04:53 UTC](https://www.shiqidu.com/t/topic/583/1 "2019-04-23T04:53:10Z")

</div>

同一个网站，手机端跟电脑端不同是怎么实现的？

常见的方式有三种：

1，自适应网站

同一套代码，自动实现手机端和电脑端的布局自动调整。例如：[openGPS.cn](https://www.opengps.cn/?opengps302)网站现在大部分页面已经支持自适应展示，手机端电脑端都可以访问本站内容，正常阅读。自适应站点，往往是对CSS布局的重点考虑，本站使用的是BootStrap这个前端样式组件实现的自适应布局。

2，网站二级目录

这种是早期网站比较喜欢的做法，因为其实这是一个网站。早期网站往往是使用虚拟主机（也叫空间）发布，一个空间只能放一个网站，所以这种做法在早期特别流行。这种结构本质还是一个网站，但是针对手机电脑客户端单独做了往往对应的一套目录，例如：

电脑站点地址一般是：www. domain. com/xxxxxxx

手机站点地址往往是：www. domain. com/m/xxxxxxx

3，手机站点使用二级域名，电脑手机各一套2套站点代码

这种做法，工作量跟二级目录基本相似，严格来说代码量稍微多点。由于是2套代码，所以发布时候也得配备2套域名，不过要求两套站点连接同一个数据库来实现数据统一。例如：

电脑端网站域名是：www. domain. com

手机端网站域名是：m. domain. com

原文地址： [https://www.opengps.cn/Blog/View.aspx?id=302](https://www.opengps.cn/Blog/View.aspx?id=302) 文章的更新编辑依此链接为准。欢迎关注源站原创文章！