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

Bloggerのテンプレートでは、彼らは後に次のmetaタグで上記を交換し、このメタタグによって

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

私は試しましたが、うまくいきません。 – weilun

+0

ほとんどの場合、ブロガーモバイルテンプレートはカスタマイズを受け入れません。私のアドバイスは、あなたのテンプレートを反応させ、モバイルデバイス上にデスクトップテンプレートを表示することです。これはSEOにも適しています。 – Bassam

+0

私はそれを試しました。それはよい考えのようです。デスクトップテンプレートをモバイルデバイスのモバイルテンプレートのように見せることは可能ですか?私は右のエリアを下のエリアに移動することができたらいいと思う。私のサイトを開くと、自分のサイトの幅がデバイスの幅に合っています。 – weilun

関連する問題