アラサー主婦のWEBデザイン奮闘記
投稿日：
スマホでの表示を確認したい時、わざわざスマホを出して検索して…とやっていると結構面倒ですよね。
そんな時は、Google Chromeを使うとパソコンで簡単にスマホの表示を確認することができるんです。
では、その使い方について早速ご紹介していきたいと思います！
1.ページ内で右クリック → 検証
2.デバイスツールバーのアイコンをクリック（ショートカット：command + Shift + M）
するとスマホ画面の表示に切り替わりました！
4.「Responsive▼」をクリックして、確認したいスマホ端末を選択をします
検証を終えたい時は、右上の×マークをクリックすれば終了することができますよ。
以上、簡単にですがGoogle Chromeでスマホ表示を確認する方法をご紹介しました。
よく知られているツールだとは思いますが、まだ使ったことがないよという方はぜひこの機会に使ってみてくださいね。
執筆者：buchiko
関連記事
こんにちは、ぶちこです。 最近の私はと言うと、仕事で先輩に教わりながらコーディングを行なっています。 ですが、ちょっとしたコードすら自分１人では正確に書けず悪戦苦闘中。。スラスラとコードが書ける先輩方 …
ゲーム感覚でベジェ曲線を練習できる「The Bezier Game」
イラストレーターの特徴とも言えるベジェ曲線について、「難しい」「上手く描けない」と思われている方は多いと思います。 私自身、まだまだベジェ曲線を使いこなせていなくて、苦手意識がすごくあります…。 そん …
【Illustrator】オブジェクトを等間隔にコピーしていく方法
Illustratorでオブジェクトを等間隔にコピーしていく方法をご紹介します。 イラレ使いには常識！？とも思われる機能ですが、これを知っていると、普通のコピー&ペーストに比べて断然作業が早く …
Illustratorのテキストを斜体にして配置したい場合、英字フォントであれば「Italic指定」ですぐに斜体に変換できるものが多いですが、日本語フォントの場合は「Italic」がないですよね。 じ …
よく背景いっぱいに動画を配置したサイトがありますが、肝心の動画素材を探すのってけっこう大変だと思います。 そこで今回は、そんな時に使える商用利用無料の動画素材サイトをご紹介します。 商用 …
2019/10/18
【Illustrator】配置した背景透明のPSD画像に黒いラインが出てしまう時の対処法
2019/08/27
2019/08/23
2019/08/19
レトロ・ヴィンテージ風なベクター素材が揃った「Retro Vectors」
2019/08/07
ウェブサイトの配色を解析してくれる「Web Colour Data」