阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      浏览器模拟微信内置浏览器显示的样子

      微信内置的浏览器上面会有一个黑色条;

      比如 5S 页面的分辨率是:640*1136

      顶部黑色条的尺寸是 640*128px

      chrome 的默认手机预览尺寸如下

      如果再做一些特殊页面定位的时候(比如宽度和高度与屏幕相同,上下左右不可移动的时候),这种预览就很不好;会影响你的布局判断;

      比如下面这种布局看不到直观的效果;

      可以配置下大小就可以了;

      点击编辑页面;

      然后添加设备

      我配置的大小如下;

      5/5s:320px

      6/6S:375px

      6SP:414px

      按照比例转过去即可

      这样就可以预览的差不多了;

      目录
      本文目录
      目录