2016-11-13 66 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

相關問題