How to change the viewport on iPhone / iPad?

Question

I have a canvas element with a width of 608 pixels, and I'm trying to enlarge the image of the iPhone and iPad so that it fills the screen.

I experimented with different values, but none of them work on both devices. Here's what I have right now (works on iPhone, but looks small on iPad):

<meta name="viewport" content="width=608; initial-scale=1.0; maximum-scale=1.0; user-scalable=no;" />

How can i achieve this?

+3

Lea hayes May 13, '12 at 23:23

2 answers

You might want to try:

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

0

tony 13 '12 23:39

Lea hayes · Accepted Answer · 2012-05-14T04:02:48+0000

Having solved it, you need to make sure that the minimum and maximum scales are set correctly, because otherwise it is limited!

<meta name="viewport" content="width=608, maximum-scale=1.5, user-scalable=no" />