{"id":905,"date":"2013-01-23T14:07:43","date_gmt":"2013-01-23T14:07:43","guid":{"rendered":"https:\/\/ibex.tech\/javascript\/?p=905"},"modified":"2022-02-17T07:14:46","modified_gmt":"2022-02-17T07:14:46","slug":"page-style","status":"publish","type":"post","link":"https:\/\/ibex.tech\/javascript\/jquery-mobile\/pages\/page-style","title":{"rendered":"Page Size &#038; Style"},"content":{"rendered":"<p>\nThe viewport is the area in which the page fits. You can specify its width and height and it can be smaller or larger than the total visible area of the screen. The scale and zoom features of the mobile browser can be used to work aroudn this. A mobile-friendly website typically should start with a visible area equal to the device&rsquo;s screen width.\n<\/p>\n<h4>\nSetting visible area to the screen width<br \/>\n<\/h4>\n<pre>\r\n<code>\r\n&lt;!-- SET PAGE SIZE --&gt;\r\n&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot;&gt;\r\n<\/code><\/pre>\n<h4>\nStopping the user being able to change the scale<br \/>\n<\/h4>\n<pre>\r\n<code>\r\n&lt;!-- DON&#39;T LET USER ADJUST SIZE --&gt;\r\n&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1, user-scalable=no&quot;&gt;\r\n<\/code><\/pre>\n<p>\n&nbsp;\n<\/p>\n<p>\n&nbsp;\n<\/p>\n<p>\n&nbsp;\n<\/p>\n<h4>\nStyling the page<br \/>\n<\/h4>\n<pre>\r\n<code>\r\n#ui-page {\r\n  max-width: 500px;\r\n}\r\n<\/code><\/pre>\n<p>\n&nbsp;\n<\/p>\n<p>\n&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The viewport is the area in which the page fits. You can specify its width and height and it can be smaller or larger than the total visible area of the screen. The scale and zoom features of the mobile browser can be used to work aroudn this. A mobile-friendly website typically should start with [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[86],"tags":[],"class_list":["post-905","post","type-post","status-publish","format-standard","hentry","category-pages"],"_links":{"self":[{"href":"https:\/\/ibex.tech\/javascript\/wp-json\/wp\/v2\/posts\/905","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ibex.tech\/javascript\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ibex.tech\/javascript\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ibex.tech\/javascript\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/ibex.tech\/javascript\/wp-json\/wp\/v2\/comments?post=905"}],"version-history":[{"count":6,"href":"https:\/\/ibex.tech\/javascript\/wp-json\/wp\/v2\/posts\/905\/revisions"}],"predecessor-version":[{"id":1357,"href":"https:\/\/ibex.tech\/javascript\/wp-json\/wp\/v2\/posts\/905\/revisions\/1357"}],"wp:attachment":[{"href":"https:\/\/ibex.tech\/javascript\/wp-json\/wp\/v2\/media?parent=905"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ibex.tech\/javascript\/wp-json\/wp\/v2\/categories?post=905"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ibex.tech\/javascript\/wp-json\/wp\/v2\/tags?post=905"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}