Sizzy 多機能で便利なレスポンシブ確認サイト
投稿日:2018年4月12日/更新日:2018年5月10日主要なスマホ・タブレットの表示を1ページで確認できる Sizzy
対応機種
iPhone 4,iPhone 5,iPhone 6,iPhone 7 Plus,iPad Air
Nexus 6P,Galaxy S4,Nexus 7
Sizzyの使い方
まずはサイトにアクセス
https://sizzy.co/
テストを行うURLを入力
※PCからのアクセスの表示となります。
※スマホからは入力画面が出ませんでした。
これだけで以下のように多数のデバイス表示が確認できます。
デバイス | 解像度 |
iPhone 4 | 320 × 480 |
iPhone 5 | 320 × 568 |
iPhone 6 | 375 × 667 |
iPhone 7 Plus | 414 × 736 |
iPad Air | 768 × 1024 |
Nexus 6P | 411 × 731 |
Galaxy S4 | 360 x 640 |
Nexus 7 | 600 × 960 |
デバイス毎の確認
各デバイスごとにスクロールして確認可能 もちろんページ遷移も可能です。
デバイス名の下にアイコンがあります。
〇アイコン: そのデバイス単独で検証可能となり
左メニューが各デバイス名に変更されます。
(もう一度クリックすると元に戻ります。)
キーボードアイコン: ダミーのキーボードが出現します。
(一部出現しないデバイスもありました。)
デバイスのアイコン: 該当デバイスの横向きで表示されます。
いろいろ検証できるのでおもしろいです。
レスポンシブ検証に一度使用してみてはいかがでしょうか。
https://sizzy.co/
Leave a Reply