このツールについて教えてください あなたのサイトが主要モバイル端末でどのように表示されるか素早く確認しましょう

レスポンシブ確認ツール

モバイル、タブレット端末、デスクトップパソコンなどの主要端末またはカスタム解像度でサイトがどのように表示されるか瞬時にプレビューしましょう。

ユーザーがどんな端末を使ってあなたのサイトにアクセスしたとしても、最高の状態で表示されるようにしましょう!

この入力フィールドは必須です。 無効のURL. URLが正しいことを確認してください!
人気端末 すべての端末 カスタム解像度
モバイル端末
iPhone X (375x812)
iPhone 8 (375x812)
iPhone 6s (750x1334)
iPhone 12 (390x844)
Samsung Galaxy S7 (360x640)
Samsung Galaxy J7 (360x640)
Samsung Galaxy S9 (360x740)
Samsung Galaxy Fold (folded) (280x653)
Samsung Galaxy Fold (unfolded) (768x1076)
Samsung Galaxy Note 20 (412x883)
タブレット端末
Asus Nexus 7 (600x960)
iPad (768x1024)
iPadPro (1024x1336)
Kindle Fire, Samsung Galaxy Tab 7” (600x1024)
デスクトップ
13”ノートブック (1280x800)
15”ノートブック (1366x768)
19”ノートブック (1440x900)
21”ノートブック (1920x1080)
iPhone X 375x812
iPhone X 812x375
iPhone 8 375x812
iPhone 8 812x375
iPhone 6s 750x1334
iPhone 6s 1334x750
iPhone 12 390x844
iPhone 12 844x390
Samsung Galaxy S7 360x640
Samsung Galaxy S7 640x360
Samsung Galaxy J7 360x640
Samsung Galaxy J7 640x360
Samsung Galaxy S9 360x740
Samsung Galaxy S9 740x360
Samsung Galaxy Fold (folded) 280x653
Samsung Galaxy Fold (folded) 653x280
Samsung Galaxy Fold (unfolded) 768x1076
Samsung Galaxy Fold (unfolded) 1076x768
Samsung Galaxy Note 20 412x883
Samsung Galaxy Note 20 883x412
Asus Nexus 7 600x960
Asus Nexus 7 960x600
iPad 768x1024
iPad 1024x768
iPadPro 1024x1336
iPadPro 1336x1024
Kindle Fire, Samsung Galaxy Tab 7” 600x1024
Kindle Fire, Samsung Galaxy Tab 7” 1024x600
13”ノートブック 1280x800
15”ノートブック 1366x768
19”ノートブック 1440x900
21”ノートブック 1920x1080
X
カスタム解像度 1920x1080

よくある質問

モバイルレスポンシブって?
モバイルレスポンシブとは、サイトの表示を自動調節してモバイル端末、タブレット端末、デスクトップパソコンなどのさまざまな大きさの画面にきれいに表示することです。画面の大きさが同じに見えても画面の解像度が違うことがあり、モバイルレスポンシブは画面の大きさではなく解像度を基準にして表示を調節します。例えば画面の大きさがiPadでも、ジェネレーションやRetinaディスプレイであるかによって解像度が違います。
レスポンシブチェッカーツールとは?
レスポンシブチェッカーツールはURLを入力するだけでサイトが様々な端末でどのように表示されるか確認できるツールです。人気の端末、モバイル端末やタブレット端末だけでなく、カスタム解像度を設定してどう表示されるか見ることができます。
レスポンシブチェッカーの使い方は?
サイトのURLを入力して確認ボタンをクリックします。後はレスポンシブチェッカーに任せるだけです。iPhone X、iPhone 8、iPad、Samsung Galaxy S7、Kindle Fire、14インチノートパソコンなどの人気端末から選んだり、「すべての端末」タブで色々なモバイル・タブレット・パソコンの解像度を確認することもできます。
サイトのレスポンシブデザインを確認すべき理由は?
サイトを自分で作成したり、作成を依頼したりすると、デスクトップパソコンで作業しますよね。しかしインターネットの利用者のうち50%がスマホやタブレット端末を使っています。スマホやタブレット端末は解像度が低いので見やすくナビゲーションしやすいサイトを設計する必要があります。

文字が小さかったり、ボックスの一部が途切れたり、ページをズームしないと読めなかったりするサイトは快適に利用できません。サイトビルダーやWordPressのテーマがモバイルレスポンシブだと宣伝している場合でも自分で確認しておきましょう!

このツールが気に入りましたか? 評価してください!
4.7 (1244 ユーザーが投票しました)
評価するにはツールを利用する必要があります。

気に入ってもらえて良かったです!

お友達と共有しましょう!