|
|
« Предыдущая тема | Следующая тема » |
Опции темы | Опции просмотра |
|
|
|||||
Адаптивность HTML5 на мобильных браузерах
Всем привет. Я не программист. Пробую экспортировать в Adobe Animate c интерактивными элементами на JS в HTML5.
В параметрах экспорта указываю "быть адаптивным", в итоге на десктопе всё норм, а на мобиле как-то не умещает. Видимо я полон наивных надежд дилетанта, раз думаю, что сегодня кроссплатформенность даётся так легко? Прошу профессионалов подтвердить или опровергнуть мои иллюзии)) Вот ссылка на мой интерактивный эксперимент: https://hardlexx.github.io p.s. четвёртый выстрел из пистолета открывает мою группу вк, не пугайтесь. это не спам. вы не ЦА. |
|
|||||
Регистрация: Oct 2006
Сообщений: 2,281
|
что значит "как-то не умещает"?
|
|
|||||
Это же логично. Оно подстраивается по верхней и нижней границе. Адаптивный - не значит "резиновый". Там либо черные полосы должны быть сверху и снизу, или скрытые края
__________________
Ко мне можно и нужно обращаться на ты) |
|
|||||
Цитата:
По существу. Если открыть видео файл снятый на мобилу в вертикальном расположении проигрывателем media player classic, то там есть настройки масштаба, в которых можно выбрать вписывание во внутреннюю часть экрана или во внешнюю. При второй, видео будет на весь экран, а верхяя и нижняя часть уйдет за его пределы, а при первой, справа и слева будут черные полосы. Видео не сжимается и не растягивается. То же самое происходит и здесь. Тут можно еще глянуть, что значит адаптивность под разные экраны. Это по старлингу, но сути не меняет
__________________
Ко мне можно и нужно обращаться на ты) |
|
|||||
Регистрация: Oct 2006
Сообщений: 2,281
|
Cмысл в том,что если пропорции твоего контента отличаются от пропорций экрана (например, экран - 16:9, а контент - 3:4), то при попытке его вписать в экран либо часть контента обрежется,либо появятся пустые полосы по краям.Не знаю как там в html,но во флэше это разруливается свойствами stage.align и stage.scaleMode.Думаю и в js должны быть аналоги.
Добавлено через 13 минут upd:перечитал - контент тоже имеет пропорции 16:9,значит надо читать что значит "адаптивный" по версии adobe Добавлено через 1 час 2 минуты Upd2:скорее всего тебе нужен режим fit in view Последний раз редактировалось undefined; 01.10.2017 в 19:17. |
|
|||||
caseyryan, undefined, благодарю за ответы.
а вот если, к примеру, на флеше (или на других платформах) разрабатываются игры, то как они адаптируются на сотни устройств? проблема решается некой универсальной командой из серии "масштабировать под любой экран сохраняя пропорции" или всё сложнее и адаптируется более индивидуально? |
|
|||||
Регистрация: Oct 2006
Сообщений: 2,281
|
Если нужно именно "масштабировать под любой экран сохраняя пропорции" ,то делается в 1-2 строки. Другой вопрос что такое редко когда требуется,тогда надо растягивать все вручную:менять размер всех контейнеров чтоб влезало больше контента, текстовые боксы инпутфилдов увеличивать, чтоб влезало больше текста и т.д.
|
|
|||||
Цитата:
__________________
Дети не должны знать о своих родителях |
Часовой пояс GMT +4, время: 16:03. |
|
« Предыдущая тема | Следующая тема » |
Теги |
adobe animate , AS3.0 , JS |
Опции темы | |
Опции просмотра | |
|
|