グーグルブロガーでモバイル用のCSSを追加しても反映されなかったので
最初は!importantをつけて強制的にしていたのだが個人的にあまり!importanntをつかいたくなかったので、他の方法を探してみたらあった
ちなみにテーマはシンプルを使用している
.mobileとつけるとモバイルのみ反映されるCSSになってテーマ→カスタマイズ→上級者向けのCSSの追加に入力したら!importantはいらなかった
モバイルのCSSはhtmlが読み込まれる際に他ファイルを読み込んできてるのかな？という感じでCSSの追加で入力したCSSの方が後から読み込まれるっぽい？のでうまくいったっぽい ぽいぽいぽい
結局コードは重複して作成されるので!importantでもよかったのかもだが
どうしてもつかいたくなかったので
コード例↓↓↓
.mobile iframe {
width: 100%;
}
.mobile .Header h1 {
font-size:120%;
}
.mobile h3.post-title {
font-size: 120%;
}
.mobile .post-body {
font-size: 100%;
}
.mobile .post-header {
font-size: 100%;
}