我们在开发h5的时候需要适配不同的终端，例如：PC，移动端等场景。 那么我们会有多种方案可以选择 一：使用css3 判断不同的终端显示不同的样式 1)好处是，只需要维护一套代码即可，但样式处理却非常麻烦，当页面结构比较复杂的时候，我们没办仅仅用css3 根据不同的终端做适配 2)两套页面适配不同终端，比如淘宝网就是两套页面做适配，根据用户终端，跳转至不同的页面，这套方案可以更加灵活的做适配 3)一套页面，然后两套样式+js 判断当前是哪个类型的终端；

上述三套方案，前面两种都是客户要求适配移动端，跟手机端的场景下进行初始化的开发的，如果你当前的前端如果只支持PC端，那么突然有一天，客户要求 增加移动端呢，而且要求快速的输出版本，那我们该如何解决呢 ，如果使用前两种方案： 第一种方案：页面样式修改复杂，基本上不会考虑 第二种方案：如果时间充裕，基本上会考虑这种方案，而且开发也好解耦，不至于增加大量的维护成本，但开发时间上无疑是要更长一些，可能会满足不了；

因此，本文只基于第三种情况做讲述，也是基于当前自己目前开发的场景做的论述，由于我们的系统原先只支持PC 端展示的，后面客户根据实际应用要求，突然增加移动端的展示，时间上只给一周的时间，如果按正常速度，至少要3周这样，才能开发好，为了赶时间，我们使用了第三种方案；

那么到这里我们只需要考虑移动端的样式即可。

注意：其中的判断终端_isMobile()，在开发环境下能起到作用，但如果打包之后，却没有效果，依然导致乱码，所以只能打两个包分别部署，然后用nginx 做终端判断。

-然后我们还需要配置一下nginx 适配不同的终端

然后通过http://192.168.150.123:8091/ 即可访问服务，在不同的终端下，系统会自动的跳转至不同的资源。