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

🌙
手机阅读
本文目录结构
a'xi'he

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

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

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

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

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

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

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

点击编辑页面;

然后添加设备

我配置的大小如下;

5/5s:320px

6/6S:375px

6SP:414px

按照比例转过去即可

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

AXIHE / 精选教程

浏览全部教程

HTML

CSS

JS

关于朱安邦

我叫 朱安邦,阿西河的站长,在杭州。

以前是一名平面设计师,后来开始接接触前端开发,主要研究前端技术中的JS方向。

业余时间我喜欢分享和交流自己的技术,欢迎大家关注我的 Bilibili 和抖音。

关注我: Github / 知乎

如果你加我的私人微信,麻烦写上您的 称呼,所在地区,职业,方便我备注,谢谢


本站的微信公众号

阿西河前端教程

Anbang

安邦的私人微信

微信号: yaolushan

Anbang

Bilibili(B站)

朱安邦

Anbang