shangtian https://blog.hatena.ne.jp/shangtian/ shangtian’s blog https://www.shangtian.tokyo/ css html はじめに html側 css側 メディアクエリについて ＜参考文献＞ はじめに ホームページをのデザインをPCとスマホで切り替えるやり方を紹介。 レスポンシブ対応していないとき、スマホからページを見ると かなり残念な感じ やることは２つhtmlとcssにコードを書き加える html側 以下のコードをhead内に追加すればいい。 <meta name="viewport" content="width=device-width, initial-scal=1"> ちょうど５行目に書き加えてある。 gist19f82fdcc2dcc4ac0d69c4d550f9a9fb css側 つぎにcss側の… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fwww.shangtian.tokyo%2Fentry%2F2019%2F02%2F14%2F222437" title="レスポンシブcssの書き方 - shangtian’s blog" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/s/shangtian/20190214/20190214211617.png Hatena Blog https://hatena.blog 2019-02-14 22:24:37 rich https://www.shangtian.tokyo/entry/2019/02/14/222437 1.0 100%