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

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

常见的方式有三种：

1，自适应网站

同一套代码，自动实现手机端和电脑端的布局自动调整。例如：openGPS.cn 网站如今大部分页面已经支持自适应展现，手机端电脑端均可以访问本站内容，正常阅读。自适应站点，每每是对CSS布局的重点考虑，本站使用的是BootStrap这个前端样式组件实现的自适应布局。

2，网站二级目录

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

电脑站点地址通常是：www.domain.com/xxxxxxx

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

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

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

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

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

原文地址： www.opengps.cn/Blog/View.a… 文章的更新编辑依此连接为准。欢迎关注源站原创文章！