Discovered something new tonight.<\/p>\n
is a lot different than:<\/p>\n When I started building out a responsive site for our organization, I ran into some snags with font sizes and such and kept running across “be sure to include” the top line of code when working with responsive design.<\/p>\n No one gave much explanation – just said it was needed.<\/p>\n You may have already figured this out – but it’s the last two attributes that make the biggest difference. <\/p>\n As I understand it now, initial-scale is the scale the site initial loads with.<\/p>\n Maximum-scale is the maximum size the user can scale the site to. So if you set a max of 1 – well there will be no pinch and zooming on your site.<\/p>\n Or if you set it to 2, 3 or 10, etc – that’s the max zoom a user can use.<\/p>\n So do us all a favor and leave that last bit (maximum-scale=1) off. Don’t limit your users. Let them navigate however they feel best.<\/p>\n","protected":false},"excerpt":{"rendered":" Discovered something new tonight. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> is a lot different than: <meta name="viewport" content="width=device-width, initial-scale=1"> When I started building out a responsive site for our organization, I ran into some snags with font sizes and such and kept running across “be sure to include” the top line of code when working with … Continue reading Zooming with responsive design<\/span><\/a><\/p>\n","protected":false},"author":84,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","enabled":false},"version":2}},"categories":[12],"tags":[2361,4533,468,584],"class_list":["post-11975","post","type-post","status-publish","format-standard","hentry","category-techno","tag-mobile","tag-responsive","tag-web","tag-web-design"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/pEnSo-379","jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"_links":{"self":[{"href":"http:\/\/casadeblundell.com\/jonathan\/wp-json\/wp\/v2\/posts\/11975","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/casadeblundell.com\/jonathan\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/casadeblundell.com\/jonathan\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/casadeblundell.com\/jonathan\/wp-json\/wp\/v2\/users\/84"}],"replies":[{"embeddable":true,"href":"http:\/\/casadeblundell.com\/jonathan\/wp-json\/wp\/v2\/comments?post=11975"}],"version-history":[{"count":4,"href":"http:\/\/casadeblundell.com\/jonathan\/wp-json\/wp\/v2\/posts\/11975\/revisions"}],"predecessor-version":[{"id":14155,"href":"http:\/\/casadeblundell.com\/jonathan\/wp-json\/wp\/v2\/posts\/11975\/revisions\/14155"}],"wp:attachment":[{"href":"http:\/\/casadeblundell.com\/jonathan\/wp-json\/wp\/v2\/media?parent=11975"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/casadeblundell.com\/jonathan\/wp-json\/wp\/v2\/categories?post=11975"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/casadeblundell.com\/jonathan\/wp-json\/wp\/v2\/tags?post=11975"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"><\/code><\/p>\n<meta name="viewport" content="width=device-width, initial-scale=1"><\/code><\/p>\n