优点：
无需维护两个独立的域。
缺点：
需要对 CSS 代码进行重大修改；
未使用的脚本和对服务器的额外请求会减慢页面加载速度。
移动版
这种类型的改编现在被认为已经过时了。为移动版本分配了一个子域名，与桌面网站不同（例如，https://m.example.com）。这是一个需要开发和推广的单独资源。
针对移动设备优化您的网站：详细指南和清单
访问网站时，浏览器会检测用户的设备并自动将其重定向到所需的版本。
为了防止您的网站内容被两次索引并被视为重复，您需要使用规范标签设置网页的规范版本。
移动网站的设计可以最大程度地进行 贷款数据库 定制，仔细考虑每一个按钮。图像、块甚至元标签可能与桌面版完全不同。
优点：
详细计算页面加载速度的能力，这对于大型在线商店和社交网络非常重要；
移动子域上完全可定制的设计。
缺点：
开发和推广成本翻倍；
不排除内容重复的问题。
另请阅读：
如何提高网站商业排名因素
移动优化的关键方面
显示内容
移动设计中没有小细节。为了方便您使用本网站，请注意以下几点。
消除水平滚动。
内容必须适合固定的屏幕宽度。因此，移动版本仅使用一列，而不是桌面版本的 12 列。这样，用户就可以看到完整的文本和图像。
在屏幕上移动手指很不方便，原因很简单：当水平移动时，用户几乎总是无意识地将屏幕垂直移动一点。这使得它难以阅读。
考虑导航。
移动版本中的主菜单通常隐藏在“汉堡”中——屏幕右上角的导航元素。目录中的过滤器和排序隐藏在剧透下以节省空间。
针对移动设备优化您的网站：详细指南和清单
优化按钮和链接大小。
为了使元素易于点击，其大小应约为 44×44 像素。在文本块中，目标可以更小 - 最多 27 像素。
避免使用太小或难以辨认的字体的文本。
16-18 号字体的文本在屏幕上易于阅读。图片标题的字体大小以 14 为宜，小于 14 的字体会难以阅读。
标题应该比正文大，但不要超过三行，否则会大大“拉伸”屏幕。标题的最大建议字体大小为 28。
适合移动布局的字体是Open Sans、Montserrat和Rubik。