Adobe Animate CC - Отзывчивый, не работает на мобильных устройствах
У меня есть ситуация, когда после выбора сделать отзывчивым и обоих параметров в настройках публикации, так что у меня есть;
makeResponsive(true,'both',false,1);
В моем сценарии.
Анимация масштабируется вместе с окном браузера и даже в режиме адаптивного дизайна в Safari. Но если вы действительно просматриваете его на телефоне (в данном случае на iPhone7), он не меняет размер должным образом.
URL-адрес:
http://energy.fullfatwebsitedesign.co.uk
И вид iPhone выглядит так;
Мне нужно сделать еще одну настройку?
Ответы 2
После тестирования у меня было;
<meta name = "viewport" content = "width=device-width">
в голове. Добавив начальную шкалу = 1
<meta name = "viewport" content = "width=device-width, initial-scale=1">
Исправлена проблема.
если размер холста ниже 1000 пикселей, возникнет эта проблема. Потому что у мобильного телефона есть разрешение экрана, а не ширина устройства. так что нужно добавить ниже мета. set width = device-width и set не может масштабироваться. если не добавить ниже мета. ширина экрана iphone будет 1100 пикселей. вы можете попробовать использовать javascript для предупреждения window.innerWidth. <script>alert(window.innerWidth)</script>. вы можете увидеть, что ширина составляет 1100 пикселей, но добавлена ниже мета. ширина изменится на 375 пикселей на iphoneX
<meta name = "viewport" content = "width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" >
Не могли бы вы отредактировать свой ответ не только с помощью Google Translate или аналогичного инструмента, чтобы он был понятен