html - Zoom in/out doesn't work on my mobile phone (Blogger) -


i try add text below on head-tag, zoom in/out not working on mobile phone.

<meta content='width=device-width, initial-scale=1' name='viewport'/> 

ex: http://chenweilun.blogspot.tw/2016/11/test.html

it works, when add following text in article:

<meta content='width=device-width, initial-scale=1' name='viewport'/> 

ex: http://chenweilun.blogspot.tw/2016/07/blog-post.html

it stops working. did miss something?

there reference link zoom in/out on blogger: http://fuseinteractive.ca/blog/avoiding-landscape-zoom-in-effect-on-mobile#.wcgks_b97iu

in blogger template set scale meta tag

<meta expr:content='data:blog.ismobile?quot;width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0&quot;:&quot;width=1100&quot;' name='viewport'/> 

replace above next meta tag after <head> element directly allow user-scalable. can change maximum-scale value.

<meta content='width=device-width, initial-scale=1.0, maximum-scale=10.0, user-scalable=yes' name='viewport'/> 

Comments

Popular posts from this blog

php - How to display all orders for a single product showing the most recent first? Woocommerce -

asp.net - How to correctly use QUERY_STRING in ISAPI rewrite? -

angularjs - How restrict admin panel using in backend laravel and admin panel on angular? -