WedX - журнал о программировании и компьютерных науках

Adobe Edge Animate: есть ли способ использовать медиа-запросы CSS для изменения размера изображения?

Я использую Adobe Edge Animate, и у меня действительно возникают проблемы со всеми размерами и разрешениями экрана. Я вижу, что Adobe выпускает новые продукты, которые могут решить эту проблему. В основном все, что я пытаюсь сделать, это отображать изображение (например, баннер), которое заполняет ширину экрана пользователя. Я вижу следующие вопросы, но ответы устарели, и я знаю, что в этой области было много разработок. Все идеи больш apprciated.

вопросы о Stackoverflow

17.01.2014

Ответы:


1

Из заставки. На вкладке «Свойства» установите переключатель рядом с шириной, чтобы сделать ее равной 100%. Выберите параметр Max W и измените его на тоже. Все эти настройки сделают макет адаптивным. Затем перетащите изображение на сцену и поместите в верхний левый угол. В «Свойствах» нажмите «Использовать предустановки для адаптивного макета» и выберите параметр «Фоновое изображение по центру», затем «Применить». Это означает, что изображение будет оставаться центральным всякий раз, когда сцена трансформируется. Перетащите маркер в правом нижнем углу, чтобы изображение поместилось на весь фон. Обратите внимание, что изображение не масштабируется и не растягивается, а остается в центре. На вкладке «Положение и размер» есть кнопка «Развернуть»; щелкните здесь и добавьте Max W (сколько пикселей у вашего изображения). Измените ширину на 100% и нажмите Enter. Он вернется обратно к 75%, но принял изменение. Нажмите на маркер изменения размера и перетащите его влево, чтобы увидеть, что происходит, когда размер рабочей области уменьшается до меньшего размера. Как видите, фон обрезается, но размер изображения подгоняется.

Вот ссылка на учебник. Я думаю, что это лучше ответит на ваш вопрос, если вы сделаете этот урок. https://www.webdesignermag.co.uk/tutorials/create-a-responsive-animation-with-adobe-edge-animate/

30.01.2014
Новые материалы

Как создать диаграмму градиентной кисти с помощью D3.js
Резюме: Из этого туториала Вы узнаете, как добавить градиентную кисть к диаграмме с областями в D3.js. Мы добавим градиент к значениям SVG и применим градиент в качестве заливки к диаграмме с..

Я хотел выучить язык программирования MVC4, но не мог выучить его раньше, потому что это выглядит сложно…
Просто начните и учитесь самостоятельно Я хотел выучить язык программирования MVC4, но не мог выучить его раньше, потому что он кажется мне сложным, и я бросил его. Это в основном инструмент..

Лицензии с открытым исходным кодом: руководство для разработчиков и создателей
В динамичном мире разработки программного обеспечения открытый исходный код стал мощной парадигмой, способствующей сотрудничеству, инновациям и прогрессу, движимому сообществом. В основе..

Объяснение документов 02: BERT
BERT представил двухступенчатую структуру обучения: предварительное обучение и тонкая настройка. Во время предварительного обучения модель обучается на неразмеченных данных с помощью..

Как проанализировать работу вашего классификатора?
Не всегда просто знать, какие показатели использовать С развитием глубокого обучения все больше и больше людей учатся обучать свой первый классификатор. Но как только вы закончите..

Работа с цепями Маркова, часть 4 (Машинное обучение)
Нелинейные цепи Маркова с агрегатором и их приложения (arXiv) Автор : Бар Лайт Аннотация: Изучаются свойства подкласса случайных процессов, называемых дискретными нелинейными цепями Маркова..

Crazy Laravel Livewire упростил мне создание электронной коммерции (панель администратора и API) [Часть 3]
Как вы сегодня, ребята? В этой части мы создадим CRUD для данных о продукте. Думаю, в этой части я не буду слишком много делиться теорией, но чаще буду делиться своим кодом. Потому что..


Для любых предложений по сайту: [email protected]