当前位置:首页 >> 教程资讯

【H5微场景】如何让H5微场景/微页面适配所有主流手机屏幕尺寸

录入编辑:微科技 | 发布时间:2022-12-30
【H5微场景】如何让H5微场景/微页面适配所有主流手机屏幕尺寸 发表时间:2021-03-19 17:09 一、什么是手机适配 我们在制作传单时应该兼顾市面上的主流手机(如下图),除了常规尺寸的屏幕,也需要考虑一下iPhone X等全面屏、华为荣耀6等带···

【H5微场景】如何让H5微场景/微页面适配所有主流手机屏幕尺寸

发表时间:2021-03-19 17:09

一、什么是手机适配

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

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

二、如何开启手机适配

Step 1:从画板右方找到【手机适配】的按钮;

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

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

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

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

三、手机预览效果

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

上一篇:【H5微场景】设置微场景的功能方法
下一篇:关于国际优质域名注册的邮箱认证
热门服务和内容

手机版

  • 官方微信

    扫码进入

  • 客服微信

  • 官方微信

    扫码添加

  • 高端网站设计,顶级互联网服务 Copyright © 2025 www.vikj.cn All Rights Reserved. 辽ICP备17005629号 XML地图 微科技
    电话咨询:0411-39550725
    在线客服咨询