如何制作横屏h5

一般来说，我们看到的H5基本上是一个垂直屏幕。如果我们习惯了垂直屏幕的H5，我们会有些审美疲劳。横屏H5的新颖玩法容易脱颖而出，给目标用户留下深刻印象。当然，除了技术上的辅助，最重要的还是要巧妙的把品牌、产品、商家用内容、品牌、热点等因素展示出来。我们今天使用的工具是epub360。事不宜迟，让我们从几张动图中感受一下横屏H5的效果。

百度搜索:epub360了解更多

在横屏H5的案例中，“深圳人来了”，“只是设计”李志用了一种很有创意的方式。这里和大家分享一下横屏H5和锚点触发的设置方法。

知识点:横屏、图层容器、锚点

三、功能设置

1.我们新建一个作品，在右侧面板的作品信息图标下定义尺寸，宽度740，高度340；

2.我们切换到图层页面，将图层页面的大小改为941和1289，然后上传图片，并手动设置提示背景图片的大小与图层大小一致，放在如图所示的好位置；

3.根据你自己的内容，创建一个高度为400，宽度可变的新图层页面。

4.在图层中想要出现的文字或图片上添加一个飞入等待触发动画，然后添加一个锚点，将触发参考点设置为窗口的左线，当触发条件为左滚动接触时只执行一次；

5.切换到页面，将提示图层插入页面，拉伸到原来的大小(941，1289)，放在合适的位置。

6.给页面添加内容层，高度400，宽度740，放在合适的位置；

7.预览效果，试一试。向左滚动到我们期望的位置后，文本就会出现。下面的操作都一样，这里就不赘述了。