responsive - Adobe Animate CC - 响应式无法在移动设备上运行

Question

我有一种情况，在选择发布设置中的响应式和两个设置后，我就有了；

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

在我的脚本中。

动画随浏览器窗口缩放，甚至在 safari 中的响应式设计模式下。但是，如果您实际上是在手机（在本例中为 iPhone7）上查看它，它不会正确调整大小。

网址是；

http://energy.fullfatwebsitedesign.co.uk

iPhone视图看起来像这样；

iPhone 截图

我需要进行其他设置吗？

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 像素以下画布，则会出现此问题。因为移动设备有屏幕分辨率，而不是设备宽度。所以需要在元下面添加。set width = device-width 并且 set 不能扩展。如果不添加以下元。iphone屏幕宽度将为1100px。您可以尝试使用 javascript 来提醒 window.innerWidth。<script>alert(window.innerWidth)</script>. 你可以看到宽度是 1100 像素，但添加在 meta 下方。iphoneX 上的宽度将变为 375px

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