2 Replies Latest reply on Nov 30, 2015 8:13 AM by Kyle_KIM

    Stage size: scale to FILL within the browser size

    Kyle_KIM Level 1

      Hi

       

      I want the webpage Responsive.

      I know there is a Responsive Scaling checkbox in EA

      but that is PROPORTIONAL scaling or Scale-To-Fit, which I don't wnat.

       

      the <body> size and stage size need to be equal to the browser size.

       

      Anyone can let me know how to scale the stage to fill the browser's width and height?

        • 1. Re: Stage size: scale to FILL within the browser size
          jhtmk Level 3

          Maybe you need to rephrase your question a little because it doesn't make a lot of sense.

           

          The responsive scaling checkbox WILL scale the stage to fill the browser's width and height - have you tried adjusting this value to width / height / both?

           

          Or maybe you don't actually want it to scale at all you just want to use percentage based sizing and positioning to make your project responsive without scaling?

          like this: Make a Responsive Web Design with Edge Animate - YouTube ?

          • 2. Re: Stage size: scale to FILL within the browser size
            Kyle_KIM Level 1

            @jhtmk

            No, the responsive scaling checkbox will NOT scale the stage to FILL the browser's width and height.

            It is clear when you set the background of the 'stage' colored other than white.

             

            The link answers my question, perfect

             

            And Your link to the video get me close to what I really want to do.  It is hopefull. Thank you.

            However, I need my elements to scale proportionally when the ratio of browser is changing

             

            I tried and I found out that It does sort of...

            I did apply Scale Background Image

            My background image of <div> is cut out when the <div> itself is wide.

             

            If I set it to <img> I can set the overflow to 'visible' and the image won't be cut out, but it won't scale when the browser height changes.

             

            And Text never gets scaled.

             

            Maybe I can use like this with media queries, but I'd better to dig out more