Tなんてこと、良くあります。そんなときに便利なスマホ(タブレット)表示の要素検証方法手順を2つメモ。iOSシミュレータを使ってチェック各デバイスの表示チェックができるiOSシミュレータですが、safariの開発ツールを使って要素検証ができます。Retina(64bit)手順XcodeからiOSシミュレータを起動させます。インストールがまだの方はこちらから。SimulatoriOSシミュレータで検証したいデバイス(ハードウェア→デバイスで設定できます)表示から、iOSシミュレータアプリケーション内のsafariで検証したいサイトを表示させます。macのsafariを立ち上げて、開発→Simulator→iOSシミュレータで表示させているサイトを選択するとこんな感じで要素検証できます。iPhoneを使ってチェックiOS6以降から「Webインスペクタ」機能が使えるようになりました。iPhoneでそのまま検証できるので、手元にあるデバイスだけの検証になりますが、確実ですし便利です。手順まず、iPhoneで「Webインスペクタ」を使えるように設定します。設定→safari→詳細→Webインスペクタをオンに。次に、iPhoneとPCをケーブルでつなぎます。iPhoneのsafariで検証したいサイトを表示させておきます。macのsafari→開発→繋いでいるiPhone→iPhoneで見ているサイトを選択するとwebインスペクタがでてきます。webインスペクタでプロパティを編集するとiPhoneの表示に反映されます。横並びにしたリスト(list)で自動的に入ってしまう隙間をなくす方法Kawatama.netかわたまです。