Google Chrome で、各デヴァイスでの表示を確認していきましょう。
パソコン版 Chrome ダウンロード1． Google Chrome で、ページを開く。
2． メニューの【その他のツール】→［デベロッパ ツール］をクリック。
3． [ Toggle device toolbar ] ボタンをクリック。
4． 赤い箇所をクリックし、各デヴァイスでの表示を確認。
5． レスポンシブモード
レスポンシブモードにすると、ドラッグすることにより、画面サイズを変更できる。
この記事を読んだ人はこんな記事にもご興味があるかも
2021-05-01 色が持つイメージ ー デザイン、配色の基礎、基本![[-コーディング-]-ナビゲーション（グローバルメニュー）の作成法](https://i0.wp.com/webdesign.ki-blog.biz/files/%E3%82%B3%E3%83%BC%E3%83%86%E3%82%99%E3%82%A3%E3%83%B3%E3%82%AF%E3%82%99-%E3%83%8A%E3%83%92%E3%82%99%E3%82%B1%E3%82%99%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%EF%BC%88%E3%82%AF%E3%82%99%E3%83%AD%E3%83%BC%E3%83%8F%E3%82%99%E3%83%AB%E3%83%A1%E3%83%8B%E3%83%A5%E3%83%BC%EF%BC%89%E3%81%AE%E4%BD%9C%E6%88%90%E6%B3%95-2.png?resize=150%2C150)
2020-03-19 [ コーディング ] ナビゲーション（グローバルナビゲーション）の作成法![[ タイポグラフィー ] 覚えておきたい定番明朝体フォント](https://i0.wp.com/webdesign.ki-blog.biz/files/%E3%82%BF%E3%82%A4%E3%83%9B%E3%82%9A%E3%82%AF%E3%82%99%E3%83%A9%E3%83%95%E3%82%A3%E3%83%BC-%E8%A6%9A%E3%81%88%E3%81%A6%E3%81%8A%E3%81%8D%E3%81%9F%E3%81%84%E5%AE%9A%E7%95%AA%E6%98%8E%E6%9C%9D%E4%BD%93%E3%83%95%E3%82%A9%E3%83%B3%E3%83%88.png?resize=150%2C150)
2020-06-30 [ タイポグラフィー ] 覚えておきたい定番明朝体フォント
2020-04-01 [ JavaScript ] 記述の基本、基礎
2020-04-07 Webデザインギャラリーサイトまとめ
2018-04-02 [ CSS ] 3カラム・レイアウト、コーディング clearfix
(Visited 471 times, 1 visits today)