December 2013
Intermediate to advanced
384 pages
9h 54m
English
<meta name="viewport" content="width=device-width, initial-scale=1">
A critical component of using jQuery Mobile is adding the viewport settings in a <meta> tag inside the page <head> tag. The viewport defines how the browser displays the page zoom level and the dimensions used.
Specifically, you need to set the content="width=device-width, initial-scale=1" as shown next. These settings force the device’s browser to render the web page width at exactly the number of pixels available on the device:
<meta name="viewport" content="width=device-width, initial-scale=1">
Without specifying the viewport setting, the mobile page is at a much higher size ...
Read now
Unlock full access