Skip to main content
New Participant
May 3, 2018
Answered

How to make a html-5 banner with fixed width and adaptive height?

  • May 3, 2018
  • 2 replies
  • 696 views

I want to make a banner with fixed width(300 px), but adaptive height ( minimum height should stay 600 px). I created my banner in Adobe Animate and this and cheked boxes " Make responsive- Height" in Publish settings but generated function changes both height and width and doesn't make height bigger, than 600 px. Help me please

    This topic has been closed for replies.
    Correct answer Joseph Labrecque

    Sure, you can modify the code generated within the html file to only execute the responsive scaling if the window inner height is less than 600 (for example). This way it will never get taller than 600px. Of course, you can add all sorts of logic here if that is too simple. Make sure not to override html on publish!

    2 replies

    Brainiac
    May 7, 2018

    Animate doesn't do responsive scaling in the sense of the word that everybody except Adobe uses it. Animate's so-called "responsive" mode is just stretching, the same as Flash has supported since forever.

    So if you want to dynamically adjust the height of your movie, you'll have to do it yourself, by manually changing the stage dimensions at runtime.

    Joseph Labrecque
    Joseph LabrecqueCorrect answer
    Community Expert
    May 7, 2018

    Sure, you can modify the code generated within the html file to only execute the responsive scaling if the window inner height is less than 600 (for example). This way it will never get taller than 600px. Of course, you can add all sorts of logic here if that is too simple. Make sure not to override html on publish!