.

电脑预览H5时显示不全的解决办法(仅电脑端预览适用)

老赵发表于:2022年05月13日 20:41:32更新于:2022年05月23日 17:05:54

在电脑端预览H5作品时,有时会出现画面显示不全的情况,这是因为该种情况下预览,默认仅显示画布内框的元素;如果想要在电脑端预览时,页面显示的高度达到最大,解决方法有如下2种:


方法一: 开启屏幕自适应

当元素置于出血框外时,想要在预览时显示画布中的全部元素,可进行如下操作:

右侧面板的作品设置中,找到桌面设备播放设置,显示比例选择:1:1, 勾选 “开启自适应布局” 和 “显示页面外内容” ,保存并更新后,全部预览查看;

image.png

电脑端全部预览效果:

image.png


二、自定义尺寸 422 X 748

自定义尺寸422 X 748 = 编辑器外框尺寸,此时没有了出血框,想要在预览时显示画布中的全部元素,可进行如下操作:

自定义页面尺寸为:422 X 748 px,桌面设备播放设置中,显示比例:缩放以适合,保存并更新后,全部预览查看;

image.png

电脑端全部预览效果:

image.png

注意:以上方法二选一即可,如果还要考虑手机端的显示效果,建议考虑方法一。

--------- 不了解设计的程序员不是好客服 ---------------