レスポンシブデザイン確認ツール

どんなデバイスでもサイトが正常に表示されることをチェックしましょう！

サイトを取り込んでいます...

クッキーを確認しています...

プレビューを生成しています...

データをまとめています...

もうすぐです！!

デバイスを選択

お気に入りのデバイス
モバイル端末
タブレット端末
デスクトップ
カスタムサイズ
比較する

回転

スクリーンショットを撮る

設定を保存保存しました！

デバイスを選択

Apple
- iPhone 8 / 7 375x667
- iPhone 8+ / 7 / 6S+ 414x736
- iPhone 11 / XS / X 375x812
- iPhone 11 Pro Max / XR 414x896
- iPhone SE 320x568
- iPhone 12 Mini 360x780
- iPhone 12 Pro / 12 390x844
- iPhone 12 Pro Max 360x780
Samsung
- Galaxy S21 Ultra 384x854
- Galaxy S21 / S20 FE 360x800
- Galaxy Note 20 Ultra 480x1029
- Galaxy S20 / S20+ 480x1067
- Galaxy Note 10 Plus 360x718
- Galaxy S10 / S9 / S8 360x740
- Galaxy Z Fold 2 884x1104
- Galaxy Fold 768x1076
Huawei
- P40 Pro+ / P40 Pro 400x880
- Mate 40 Pro 448x924
- P40 / P30/ Mate20 360x780
- P30 Pro 400x866
- Mate 30 Pro 392x800
- Mate 10 Pro 360x720
- P Smart 360x800
- Mate 20 X 540x1122
Oppo
- Find X2 Pro / X2 480x1056
- Find X2 Neo / Reno 4 Pro / A9 / A72 360x800
- Reno 10x Zoom / Reno2Z 360x780
- F7 Youth/ A83 360x720
Xiaomi
- Mi 11 480x1066
- Poco X3 NFC / Mi10T Pro / Black Shark 3 393x873
- Mi 10 Pro / Mi Note 10 / K20 393x851
- Redmi Note 5 Pro 360x720
Google Pixel
- 5 / 4a 393x851
- 4 XL 412x869
- 4 393x830
- 3 XL 412x846
- 3a 393x808
- 2 / XL 412x732
OnePlus
- 9 Pro 412x919
- Nord / 9 / 8T 412x915
- 8 Pro 412x906
- 7T Pro / 6T 412x892
- 6 412x892

デバイスをお選びください

回転

スクリーンショットを撮る

設定を保存保存しました！

デバイスを選択

Apple
- iPad Air 4 / 10.9" 820x1180
- iPad Pro 10.2″ 810x1080
- iPad Pro 11″ 834x1194
- iPad Pro 12.9″ 1024x1366
- iPad 6 / Mini 5 768x1024
- iPad Pro 10.5″ / Air3 834x1112
Samsung
- Galaxy Tab S7 Plus 839x1194
- Galaxy Tab A7 10.4" / S6 Lite 800x1333
- Galaxy Tab S7/ S6 / A 10.1" 800x1280
- Galaxy Tab Active3 / A 8.4" 600x960
Amazon
- Fire HD 8 / 8+ 615x985
- Fire HD 10 800x1280
- Fire 7 500x853
Lenovo
- Tab P11 Pro 914x1463
- Tab P11 857x1428
- M10+ / Yoga Smart / Chromebook Duet 800x1280
- ThinkPad X12 Detachable 900x1600
- Tab M7 600x1024
- Tab M8 (FHD) 600x960
Other
- Microsoft Surface Pro 7 912x1368
- Microsoft Surface Go 2 853x1280
- Huawei MatePad 10.4 800x1333
- Huawei MediaPad M5 800x1280
- Google Pixel Slate 1000x1500

デバイスをお選びください

回転

スクリーンショットを撮る

設定を保存保存しました！

デバイスを選択

Desktop
- Laptop 1366x768
- Desktop 1920x1080
- Desktop 1536x864
- Desktop 1440x900
- Desktop 1280x720
- Desktop 1600x900
- Netbook 1024x768

デバイスをお選びください

回転

スクリーンショットを撮る

設定を保存保存しました！

幅

縦

デバイスをお選びください

回転

デバイスを選択

モバイル端末
- Apple
  - iPhone 8 / 7 375x667
  - iPhone 8+ / 7 / 6S+ 414x736
  - iPhone 11 / XS / X 375x812
  - iPhone 11 Pro Max / XR 414x896
  - iPhone SE 320x568
  - iPhone 12 Mini 360x780
  - iPhone 12 Pro / 12 390x844
  - iPhone 12 Pro Max 360x780
- Samsung
  - Galaxy S21 Ultra 384x854
  - Galaxy S21 / S20 FE 360x800
  - Galaxy Note 20 Ultra 480x1029
  - Galaxy S20 / S20+ 480x1067
  - Galaxy Note 10 Plus 360x718
  - Galaxy S10 / S9 / S8 360x740
  - Galaxy Z Fold 2 884x1104
  - Galaxy Fold 768x1076
- Huawei
  - P40 Pro+ / P40 Pro 400x880
  - Mate 40 Pro 448x924
  - P40 / P30/ Mate20 360x780
  - P30 Pro 400x866
  - Mate 30 Pro 392x800
  - Mate 10 Pro 360x720
  - P Smart 360x800
  - Mate 20 X 540x1122
- Oppo
  - Find X2 Pro / X2 480x1056
  - Find X2 Neo / Reno 4 Pro / A9 / A72 360x800
  - Reno 10x Zoom / Reno2Z 360x780
  - F7 Youth/ A83 360x720
- Xiaomi
  - Mi 11 480x1066
  - Poco X3 NFC / Mi10T Pro / Black Shark 3 393x873
  - Mi 10 Pro / Mi Note 10 / K20 393x851
  - Redmi Note 5 Pro 360x720
- Google Pixel
  - 5 / 4a 393x851
  - 4 XL 412x869
  - 4 393x830
  - 3 XL 412x846
  - 3a 393x808
  - 2 / XL 412x732
- OnePlus
  - 9 Pro 412x919
  - Nord / 9 / 8T 412x915
  - 8 Pro 412x906
  - 7T Pro / 6T 412x892
  - 6 412x892
タブレット端末
- Apple
  - iPad Air 4 / 10.9" 820x1180
  - iPad Pro 10.2″ 810x1080
  - iPad Pro 11″ 834x1194
  - iPad Pro 12.9″ 1024x1366
  - iPad 6 / Mini 5 768x1024
  - iPad Pro 10.5″ / Air3 834x1112
- Samsung
  - Galaxy Tab S7 Plus 839x1194
  - Galaxy Tab A7 10.4" / S6 Lite 800x1333
  - Galaxy Tab S7/ S6 / A 10.1" 800x1280
  - Galaxy Tab Active3 / A 8.4" 600x960
- Amazon
  - Fire HD 8 / 8+ 615x985
  - Fire HD 10 800x1280
  - Fire 7 500x853
- Lenovo
  - Tab P11 Pro 914x1463
  - Tab P11 857x1428
  - M10+ / Yoga Smart / Chromebook Duet 800x1280
  - ThinkPad X12 Detachable 900x1600
  - Tab M7 600x1024
  - Tab M8 (FHD) 600x960
- Other
  - Microsoft Surface Pro 7 912x1368
  - Microsoft Surface Go 2 853x1280
  - Huawei MatePad 10.4 800x1333
  - Huawei MediaPad M5 800x1280
  - Google Pixel Slate 1000x1500
デスクトップ
- Desktop
  - Laptop 1366x768
  - Desktop 1920x1080
  - Desktop 1536x864
  - Desktop 1440x900
  - Desktop 1280x720
  - Desktop 1600x900
  - Netbook 1024x768

比較したいデバイスをお選びください

回転

デバイスを選択

モバイル端末
- Apple
  - iPhone 8 / 7 375x667
  - iPhone 8+ / 7 / 6S+ 414x736
  - iPhone 11 / XS / X 375x812
  - iPhone 11 Pro Max / XR 414x896
  - iPhone SE 320x568
  - iPhone 12 Mini 360x780
  - iPhone 12 Pro / 12 390x844
  - iPhone 12 Pro Max 360x780
- Samsung
  - Galaxy S21 Ultra 384x854
  - Galaxy S21 / S20 FE 360x800
  - Galaxy Note 20 Ultra 480x1029
  - Galaxy S20 / S20+ 480x1067
  - Galaxy Note 10 Plus 360x718
  - Galaxy S10 / S9 / S8 360x740
  - Galaxy Z Fold 2 884x1104
  - Galaxy Fold 768x1076
- Huawei
  - P40 Pro+ / P40 Pro 400x880
  - Mate 40 Pro 448x924
  - P40 / P30/ Mate20 360x780
  - P30 Pro 400x866
  - Mate 30 Pro 392x800
  - Mate 10 Pro 360x720
  - P Smart 360x800
  - Mate 20 X 540x1122
- Oppo
  - Find X2 Pro / X2 480x1056
  - Find X2 Neo / Reno 4 Pro / A9 / A72 360x800
  - Reno 10x Zoom / Reno2Z 360x780
  - F7 Youth/ A83 360x720
- Xiaomi
  - Mi 11 480x1066
  - Poco X3 NFC / Mi10T Pro / Black Shark 3 393x873
  - Mi 10 Pro / Mi Note 10 / K20 393x851
  - Redmi Note 5 Pro 360x720
- Google Pixel
  - 5 / 4a 393x851
  - 4 XL 412x869
  - 4 393x830
  - 3 XL 412x846
  - 3a 393x808
  - 2 / XL 412x732
- OnePlus
  - 9 Pro 412x919
  - Nord / 9 / 8T 412x915
  - 8 Pro 412x906
  - 7T Pro / 6T 412x892
  - 6 412x892
タブレット端末
- Apple
  - iPad Air 4 / 10.9" 820x1180
  - iPad Pro 10.2″ 810x1080
  - iPad Pro 11″ 834x1194
  - iPad Pro 12.9″ 1024x1366
  - iPad 6 / Mini 5 768x1024
  - iPad Pro 10.5″ / Air3 834x1112
- Samsung
  - Galaxy Tab S7 Plus 839x1194
  - Galaxy Tab A7 10.4" / S6 Lite 800x1333
  - Galaxy Tab S7/ S6 / A 10.1" 800x1280
  - Galaxy Tab Active3 / A 8.4" 600x960
- Amazon
  - Fire HD 8 / 8+ 615x985
  - Fire HD 10 800x1280
  - Fire 7 500x853
- Lenovo
  - Tab P11 Pro 914x1463
  - Tab P11 857x1428
  - M10+ / Yoga Smart / Chromebook Duet 800x1280
  - ThinkPad X12 Detachable 900x1600
  - Tab M7 600x1024
  - Tab M8 (FHD) 600x960
- Other
  - Microsoft Surface Pro 7 912x1368
  - Microsoft Surface Go 2 853x1280
  - Huawei MatePad 10.4 800x1333
  - Huawei MediaPad M5 800x1280
  - Google Pixel Slate 1000x1500
デスクトップ
- Desktop
  - Laptop 1366x768
  - Desktop 1920x1080
  - Desktop 1536x864
  - Desktop 1440x900
  - Desktop 1280x720
  - Desktop 1600x900
  - Netbook 1024x768

比較したいデバイスをお選びください

レスポンシブデザインの確認方法

すべてのデバイスでサイトがきれいに表示されるか、今すぐ確認しましょう。スマホ、タブレット、パソコンでサイトがどのように表示されるか瞬時に検証でき、解像度を指定することもできます。

1 URLを入力

確認したいサイトのWebアドレス（URL）を入力してください。

2 デバイスを選択

サイトをプレビューしたいデバイスをお選びください。メーカーと機種が一覧に表示されますので、1つまたは複数を選択しましょう。特定の機器でサイトがどのように表示されるかチェックしましょう。

3 プレビューを比較

デバイスごとに画面表示を比べましょう。各デバイスでのサイトのパフォーマンスを詳しく知りたい場合、「Web指標」をクリックしてください。詳細情報が表示されます。

よくある質問

レスポンシブデザインとは？

レスポンシブデザインとは、スマホやタブレット、パソコンなど、どんな端末でもサイトがきれいに表示されるように自動調整する仕組みことです。画面の大きさが違っても、レスポンシブ対応サイトなら見やすく表示されます。画面サイズが同じデバイスでも、解像度が異なる場合がありますが、レスポンシブ対応サイトは、画面サイズではなく解像度に応じてサイトの表示を調整しているのです。例えば、画面サイズが同じiPadでも、世代やRetinaディスプレイであるかによって解像度はわずかに異なります。レスポンシブデザインなら、解像度や機種が違ってもきれいに表示されるわけです。

レスポンシブデザイン確認ツールとは？

このレスポンシブデザイン確認ツールを使うと、異なるデバイスでサイトがどのように表示されるか検証できます。スマホやタブレット端末だけでなく、解像度を指定してチェックすることもできます。

レスポンシブデザイン確認ツールの使い方は？

レスポンシブデザイン確認ツールは、サイトのURLを入力するだけでご利用いただけます。iPhone X、iPhone 8、iPad、Samsung Galaxy S7、Kindle Fire、14インチのノートパソコンなど、デバイス名が一覧に表示されますから、確認したいデバイスをお選びください。また、「すべての端末」をクリックし、モバイル端末、タブレット端末、デスクトップの解像度を選択することもできます。無料でご利用いただけます。隠れたコストはありません。

レスポンシブデザインを確認すべき理由は？

ホームページの作成・編集はパソコンで行うことが多いですが、訪問者の立場から考えてみましょう。スマホやタブレットでインターネットを利用しているユーザーは5割以上。モバイルで快適に閲覧できるホームページを設計するのが大切です。モバイル端末は解像度が低いので、スマホやタブレットでも遷移しやすく、コンテンツが見やすいように工夫しましょう。文字が小さすぎたり、ボックスやフレームが一部しか表示されなかったり、ページをズームしないと読めなかったり…。モバイルで見にくいサイトは、離脱率が高くなってしまうでしょう。レスポンシブ対応のサイトビルダーやWordPressテーマを使っても、本当にレスポンシブデザインになっているか確認するのが大切です。

無料レスポンシブ確認ツールを今すぐお試しください

74942

このツールが気に入りましたか？評価してください！

4.7 (1477 ユーザーが投票しました)

投票済みです！取り消し

評価するにはツールを利用する必要があります。