Warning: Constant ABSPATH already defined in /home/raypasto/www/www/wordpress/wp-config.php on line 26

Warning: Cannot modify header information - headers already sent by (output started at /home/raypasto/www/www/wordpress/wp-config.php:26) in /home/raypasto/www/www/wordpress/wp-includes/rest-api/class-wp-rest-server.php on line 1648

Warning: Cannot modify header information - headers already sent by (output started at /home/raypasto/www/www/wordpress/wp-config.php:26) in /home/raypasto/www/www/wordpress/wp-includes/rest-api/class-wp-rest-server.php on line 1648

Warning: Cannot modify header information - headers already sent by (output started at /home/raypasto/www/www/wordpress/wp-config.php:26) in /home/raypasto/www/www/wordpress/wp-includes/rest-api/class-wp-rest-server.php on line 1648

Warning: Cannot modify header information - headers already sent by (output started at /home/raypasto/www/www/wordpress/wp-config.php:26) in /home/raypasto/www/www/wordpress/wp-includes/rest-api/class-wp-rest-server.php on line 1648

Warning: Cannot modify header information - headers already sent by (output started at /home/raypasto/www/www/wordpress/wp-config.php:26) in /home/raypasto/www/www/wordpress/wp-includes/rest-api/class-wp-rest-server.php on line 1648

Warning: Cannot modify header information - headers already sent by (output started at /home/raypasto/www/www/wordpress/wp-config.php:26) in /home/raypasto/www/www/wordpress/wp-includes/rest-api/class-wp-rest-server.php on line 1648

Warning: Cannot modify header information - headers already sent by (output started at /home/raypasto/www/www/wordpress/wp-config.php:26) in /home/raypasto/www/www/wordpress/wp-includes/rest-api/class-wp-rest-server.php on line 1648

Warning: Cannot modify header information - headers already sent by (output started at /home/raypasto/www/www/wordpress/wp-config.php:26) in /home/raypasto/www/www/wordpress/wp-includes/rest-api/class-wp-rest-server.php on line 1648
{"id":1949,"date":"2012-11-07T07:30:32","date_gmt":"2012-11-07T12:30:32","guid":{"rendered":"http:\/\/raypastore.com\/wordpress\/?p=1949"},"modified":"2012-11-07T07:42:41","modified_gmt":"2012-11-07T12:42:41","slug":"how-to-make-an-html-webpage-the-correct-size-on-a-mobile-device","status":"publish","type":"post","link":"https:\/\/raypastore.com\/wordpress\/2012\/11\/how-to-make-an-html-webpage-the-correct-size-on-a-mobile-device\/","title":{"rendered":"How to make an HTML webpage the correct size on a mobile device"},"content":{"rendered":"

I have written about this a few times (just last week) and I wanted to add some details to the discussion. Basically when designing a webpage for the mobile device you want your page to show up as the correct size on the device so the user does not need to zoom. To do it you would use the viewport code. Today I am adding some more details to that:<\/p>\n

General width. Keep in mind the ‘780’ changes depending on the size of your actual page:<\/p>\n

<<\/code>meta<\/code> name<\/code>=<\/code>\"viewport\"<\/code> content<\/code>=<\/code>\"width=780\"<\/code>><\/code><\/p>\n

This code just matches their device regardless of what you set:<\/p>\n

<<\/code>meta<\/code> name<\/code>=<\/code>\"viewport\"<\/code> content<\/code>=<\/code>\"width=device-width\"<\/code>><\/code><\/p>\n

The following disables zooming altogether:<\/p>\n

<meta name=\"viewport\" content=\"width=device-width, user-scalable=no\" \/> <\/code><\/pre>\n

This sets the zoom level when the page is first opened:<\/p>\n

<<\/code>meta<\/code> name<\/code>=<\/code>\"viewport\"<\/code> content<\/code>=<\/code>\"initial-scale=1\"<\/code>><\/code><\/p>\n

This creates no zooming and the user has to move the screen around:<\/p>\n

<meta name=\"viewport\" content=\"maximum-scale=1\"><\/code><\/p>\n

I encourage you to try them all out to see what works for your site and so that you get a better idea of what they all look like.<\/p>\n","protected":false},"excerpt":{"rendered":"

I have written about this a few times (just last week) and I wanted to add some details to the discussion. Basically when designing a webpage for the mobile device you want your page to show up as the correct size on the device so the user does not need to zoom. To do it […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":""},"categories":[88,22],"tags":[35,38,86],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/raypastore.com\/wordpress\/wp-json\/wp\/v2\/posts\/1949"}],"collection":[{"href":"https:\/\/raypastore.com\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/raypastore.com\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/raypastore.com\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/raypastore.com\/wordpress\/wp-json\/wp\/v2\/comments?post=1949"}],"version-history":[{"count":21,"href":"https:\/\/raypastore.com\/wordpress\/wp-json\/wp\/v2\/posts\/1949\/revisions"}],"predecessor-version":[{"id":1970,"href":"https:\/\/raypastore.com\/wordpress\/wp-json\/wp\/v2\/posts\/1949\/revisions\/1970"}],"wp:attachment":[{"href":"https:\/\/raypastore.com\/wordpress\/wp-json\/wp\/v2\/media?parent=1949"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/raypastore.com\/wordpress\/wp-json\/wp\/v2\/categories?post=1949"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/raypastore.com\/wordpress\/wp-json\/wp\/v2\/tags?post=1949"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}