WordPressでオリジナルのテーマを作ったのですが、投稿ページに画像を挿入すると
PC画面ではちゃんと表示されますが、スマホ版になってもPCの時と同じ画像の
サイズが適用されてしまいます。
どこかコードを書き落としているのかもしれませんが、
わかる方がいましたら回答お願い致します。
以下のようにコンテナを使って書いているのですが、画像がはみ出してしまっています。
php
1<div class="container single-page"> 2 <div class="title text-center concept-title font-weight-bold mt-5"><?php the_title(); ?></div> 3 <p class="text-center concept-description font-weight-bold"><?php the_content(); ?></p> 4 </div>
css
1.concept-description { 2 font-size: 2vw; 3} 4 5@media (max-width: 576px) { 6 .concept-title { 7 font-size: 30px; 8 } 9 .concept-description { 10 font-size: 16px; 11 } 12} 13@media (min-width: 768px) { 14 .concept-title { 15 font-size: 4vw; 16 } 17 .concept-description { 18 font-size: 2vw; 19 } 20} 21@media (min-width: 992px) { 22 .concept-title { 23 font-size: 4vw; 24 } 25 .concept-description { 26 font-size: 2vw; 27 } 28} 29@media (min-width: 1200px) { 30 .concept-title { 31 font-size: 4vw; 32 } 33 .concept-description { 34 font-size: 2vw; 35 } 36}
あなたの回答
tips
プレビュー