我正在进行一个项目。我正在克隆一个网站 Make My Trip
https://www.makemytrip.com/
这个网站在笔记本电脑和手机上看起来不同，我是说完全不同。那么我们如何实现这样的功能呢。
这是在笔记本电脑上的视图
手机上的同一个网站
综合答案取决于许多尚未披露的因素。比如你是否使用服务器端语言如PHP，以及所有/大部分页面是否都不同？
检测网站是否在移动设备上运行并不简单。
有一个共同的索引页面，使用JavaScript获取屏幕尺寸，并使用Ajax加载真正的移动设备页面或桌面页面
在页面上添加一个按钮/链接，允许用户在移动设备和桌面设备之间切换，并将选择保存在cookie/session中。
我见过一些网站这样做。默认始终提供移动设备版本，并允许用户切换到桌面模式。这里的假设是更多的人在使用移动设备，所以默认设置对大多数人来说是正确的，而在桌面设备上显示较小的页面并不像在移动设备上显示较大的页面那样糟糕。
综合答案取决于许多尚未披露的因素。比如你是否使用服务器端语言如PHP，以及所有/大部分页面是否都不同？
检测网站是否在移动设备上运行并不简单。
一种解决方案是
有一个共同的索引页面，使用JavaScript获取屏幕尺寸，并使用Ajax加载真正的移动设备页面或桌面页面
在页面上添加一个按钮/链接，允许用户在移动设备和桌面设备之间切换，并将选择保存在cookie/session中。
另一个选择
我见过一些网站这样做。默认始终提供移动设备版本，并允许用户切换到桌面模式。这里的假设是更多的人在使用移动设备，所以默认设置对大多数人来说是正确的，而在桌面设备上显示较小的页面并不像在移动设备上显示较大的页面那样糟糕。