缩放 in/out 在我的手机 phone 上不起作用（Blogger）

Question

我尝试在我的头标上添加下面的文字，但是缩放 in/out 在我的手机上不起作用 phone。

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

例如：http://chenweilun.blogspot.tw/2016/11/test.html

它有效，但是当我在我的文章中添加以下文本时：

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

例如：http://chenweilun.blogspot.tw/2016/07/blog-post.html

它停止工作了。我错过了什么吗？

博主in/out上有一些关于缩放link的参考：http://fuseinteractive.ca/blog/avoiding-landscape-zoom-in-effect-on-mobile#.WCgKs_B97IU

Answer 1

在 Blogger 模板中，他们通过此元标记设置比例

<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'/>

将上面的内容直接替换为 <head> 元素后的下一个元标记，以允许用户进行扩展。您还可以更改最大比例值。

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

Answer 2

首先

登录您的blogger。
然后转到主题部分。
下次编辑 HTML。
搜索“视口”。
你得到了类似的东西：

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

并替换为：

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

谢谢你:)

缩放 in/out 在我的手机 phone 上不起作用（Blogger）

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

html

blogger