Adobe Animate CC - 响应不在移动设备上工作

Question

我遇到过这样的情况：在发布设置中选择了make响应和两个设置后，我就有了这样的情况;

makeResponsive(true,'both',false,1);

在我的剧本中。

动画可以在浏览器窗口中进行缩放，甚至可以在Safari中的响应式设计模式中进行缩放。但如果您实际在手机上观看它（在这种情况下是iPhone7），则无法正常调整大小。

网址是;

http://energy.fullfatwebsitedesign.co.uk

iPhone视图看起来像这样;

iPhone Screenshot

我需要另外设置吗？

Answer 1

经过测试后，我有了;

<meta name="viewport" content="width=device-width">

在头脑中。通过添加initial-scale = 1

<meta name="viewport" content="width=device-width, initial-scale=1">

修正了问题。

Answer 2

如果画布低于1000像素，则会出现此问题。因为移动设备具有屏幕分辨率，而不是设备宽度。因此需要在meta下面添加。设置宽度=设备宽度，并且设置无法扩展。如果不添加以下meta。 iPhone屏幕宽度将为1100px。您可以尝试使用JavaScript提醒window.innerWidth。 <script>alert(window.innerWidth)</script>。您可以看到宽度为1100像素，但已添加到meta下方。在iPhone X上宽度将变为375px

<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" >