2016-11-13 64 views
0

我尝试将以下文本添加到我的头标上,但放大/缩小功能在我的手机上无法正常工作。放大/缩小在我的手机上无法使用(Blogger)

<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

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

有关于变焦一些参考链接/缩小博客:http://fuseinteractive.ca/blog/avoiding-landscape-zoom-in-effect-on-mobile#.WCgKs_B97IU

回答

1

在博客模板,他们通过这个元标记设置比例

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

替换上面的下一个meta标签后您的<head>元素直接允许用户可扩展。您也可以更改最大比例值。

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

我试过了,但它不起作用。 – weilun

+0

在大多数情况下,博客移动模板不接受自定义。我的建议是让你的模板响应并在移动设备上显示桌面模板。这对SEO也有好处。 – Bassam

+0

我试过了。这似乎是一个好主意。是否有可能使桌面模板看起来像移动设备上的移动模板?我希望我能把正确的区域移到底部区域。当我打开我的网站时,我的网站的宽度适合我的设备宽度。 – weilun

相关问题