基本的なブロガーテンプレートの応答メディアクエリを追加する方法

Question

基本的なブロガーテンプレートのレスポンシブメディアクエリを追加する方法、私は両方のGoogleの結果を試したが見つかりません。ついに私は専門家に尋ねました。これを行う方法 ？

これは私のブログサイトですGossip Lanka誰でもこのテンプレートをより反応的に作成する方法を教えてください。

Answer 1

モバイルなどの小型デバイスにブログを表示する場合は、CSSファイルに@mediaクエリを追加することをおすすめします。 Samsung Galaxy S5などのスマートフォンデバイスの場合は、このようなものが必要です。

@media screen and (max-width: 360px){ 
      #id or .class{ 
        code... 
      } 
} 

また、あなたは仕事にあなたの頭の中で、このため

<meta name="viewport" content="width=device-width, initial-scale=1.0"> 

が必要になります。

これらのクエリを追加すると、モバイルデバイスに表示されるときにCSSが調整されます。あなたがタブレットのような他のサイズのデバイスのために研究できる他の幅のサイズがあります。