近年来随着移动端的快速发展,越来越多传统的web应用需要适配移动终端,下面记录一下如何通过viewport实现简单的不同型号的手机端的适配问题.不过在此之前,介绍一下如何通过Chrome浏览器,调试在移动终端上的效果. 调试工具 首先我们打开chrome谷歌浏览器,输入天猫地址(实现了手机端适配),按F12进入开发者模式.进入如下的界面: 接下来点击右下方圈红的部分,可以调出另一个控制台,如下界面: 选择某个Device-设备,点击Emulate,之后重新刷新页面即可看到效果,这里我选中ipho…