如何在chrome浏览器上调试特定机型的屏幕效果

需求：有个项目只适配了手机，屏幕宽度大于手机尺寸是俩侧有灰色背景，现在要适配小米note4平板，如何精确适配？ 步骤： 1.打开chrome F12，点击设备切换按钮，点击上方的手机型号选择，点击下拉列表最下边的eDit 2.出现如下图界面 增加机型，填写数据 3.数据如何计算？ 1）比如小米note4平板，到小米官方商城查询可得下图。 2)计算device pixel ratio（设备像素比）

>>阅读原文<<