Skip navigation
Currently Being Moderated

Html 5 animation doesn't display in correct size.

Sep 1, 2012 2:30 AM

Tags: #publishing #html #indesign #digital #suite #animation #5

Hey guys, I converted my animation to an html file and placed it nicely into my document.

 

I preview it on my desktop, it looks exactly like how I want it to be:

 

9vh3xi.jpg

 

 

 

But when I view it on my ipod, it becomes like this:

 

photo.PNG

 

 

Does anyone have any advice on how to fix this?

 
Replies
  • Currently Being Moderated
    Sep 1, 2012 2:59 AM   in reply to Jameswiolsuiw

    …not until you show us your code (html + css)

     
    |
    Mark as:
  • Currently Being Moderated
    Sep 1, 2012 3:08 AM   in reply to Jameswiolsuiw

    You've set no specific sizes besides the native canvas-size which is only for reference.

    So, please specify the following:

     

    <meta name="viewport" content="width=device-width; initial-scale=1.0" />

     

    and in CSS / style-attribute

     

    #canvas{ width: 289px; height: 803px; }

     
    |
    Mark as:
  • Currently Being Moderated
    Sep 1, 2012 3:20 AM   in reply to Jameswiolsuiw

    The first one goes into your head-element along with title-element etc.

     

    The second one for your script:

    <canvas id=”canvas” width=”289” height=”803” style=”background-color:#00aade; width: 289px; height: 803px;”></canvas>

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points