スマホファーストという声が大きくなって幾星霜。 スマホレイアウトありきでウェブ制作されることも多くなったと思います。 みなさんどうやってスマホレイアウトを作ってますか? もしかして実機でわざわざ確認したりしてませんか? 実は、Google Chromeは大変優秀なプレビュー機能を備えていたのです。デフォで。しかも無料。 Google Chromeの超優秀スマホプレビュー機能が凄い! さっそく、Google Chromeの超優秀スマホプレビュー機能を使ってみましょう。 ①スマホレイアウトを確認したいページにいって、右クリックし、「要素の検証」をクリックしましょう。↓↓ ②左上にあるスマホアイコンをタップします。↓↓ ③すると、Google Chromeがスマホプレビュー機能モードになります!↓↓ ④Deviceをクリックすれば、Androidだけじゃなく、iPhoneの液晶サイズにも変更でき