对方向你分享了一个适配所有手机尺寸的H5传单~

1 什么是手机适配

我们在制作传单时应该兼顾市面上的主流手机(如下图),除了常规尺寸的屏幕,也需要考虑一下iPhone X等全面屏、华为荣耀6等带虚拟键盘的屏幕。

开启【手机适配】后,我们就能在画板上直观看到不同尺寸手机的显示效果。

1612231385-07d9a74f5a4b48f

2 如何开启手机适配?
   Step 1 从画板右方找到【手机适配】的按钮;
             1612231388-8d4c97d08f4f268

 

Step 2 根据需要开启不同的参考线,调整参考线颜色;

1612231390-d5cd84f25f87ed3

不同的选择,画板的表现会相应地改变,试试把鼠标放在虚线上会给出参考线提示。

1612231391-d1191fa4ca4eac0

Step 3 根据参考线,调整画板上素材等元素的位置。

背景会根据手机屏幕不同尺寸进行自适应,如果需要手动控制背景的展示区域,请不要把图片设为背景,直接拉大图片覆盖整个页面

          1612231393-29b7fc48982e29d

3 手机预览效果

 预览效果可以直接从【预览和设置】中切换左侧的标签查看。

1612231398-fbcdcc334f60056

发表评论

后才能评论