モバイルサイト時に画像がはみ出さないように修正。

モバイルサイト時に画像がはみ出さないように修正。

.entry-content img.alignnone{
max-width: 100%;
height: auto;
}

スタイルシートに上記を追加
地図に影響がでるためimgだけでは編集しない。

そして、スマホ時のアイキャッチ画像だけを
小さくして見やすくするために以下を挿入。
(context.phpのアイキャッチ画像にdivを挿入)

/* Maxmum width of 600 pixels. */
@media screen and (max-width: 600px) {
.entry-img-box{
width:120px;
height:120px; 
}
}

■地図■

※マークをクリックすると拡大
Web Services by Yahoo! JAPAN

■スポンサード リンク■

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA


このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください