建站 & 优化
广...
400 0082 880
专业建网站 排名效果看得见
联系我们 获取专业方案

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

2021-06-04 22:46:37 阅读:7 来源:网络营销 作者:智唯小编
导语一、什么是手机适配我们在制作传单时应该兼顾市面上的主流手机(如下图),除了常规尺寸的屏幕,也需要考虑一下iPhoneX等全面屏、华为荣耀6等带虚拟键盘的屏幕。开启【手机适配】后,我们就能在画板上直观看到不同尺寸手机的显示效果。二、如何开启手机适配Step1:从画板右方找到【手机适配】的按钮;Step2:根据需要开启不同的参考线,调整参考线颜色;不同的选择,画板的表现会相应地改变,试试把鼠标放在虚线上会给出参考线提示。Step3:根据参考线,调整画板上素材等...
本文共有213个文字,预计阅读时间1分钟

一、什么是手机适配

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

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

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

二、如何开启手机适配

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

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

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

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

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

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

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

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

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

三、手机预览效果

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

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

获取SEO体验方案

如何优化:
1.如何对目标关键词进行优化 2.怎样让关键词排名提升呢 3.关键词定位了访问者 4.没有指数的关键词可以做吗? 5.关键词优化效果等同于整站优化吗 6.关键词密度多少比较好 7.选择长尾关键词应具备的技巧 8.长尾关键词在网站优化中的作用
相关文章