Question

我尝试在我的head-tag上添加下面的文字，但放大/缩小功能在我的手机上无效。

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

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

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

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

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

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

博客上有一些关于放大/缩小的参考链接：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'/>

谢谢：）

放大/缩小功能不适用于我的手机（Blogger）

2 个答案: