クロムを使用してレスポンシブなデザインをチェックしてください

Question

私は背景とフォームをsvgにしたウェブページを持っています。背景は2つのセクションに分割されています。

トップエリア - 背景画像/ 底面積 - 背景色

は、一部のモバイルデバイスでの問題があったが、下の背景には、このような木の後ろにアップします。

私はメディアの採石場を書き込むことによって、その問題を修正しました。その後、クロムデバイスエミュレータで対応する主要デバイスを調べました。すべてが問題ありません。しかし、私のクライアントは、自分のデバイス上でその背景の問題を抱えていると私に苦情を言いました。（microsoft surface pro 4）その後、私はchromeデバイスエミュレータに戻って、surface pro 4としてカスタムデバイスを追加し、実際の解像度を設定しました。（2736x1824）クロムツールでうまくいく。 （pc）これは私の設定です。

ため、私は、デバイスピクセル比を設定しないで、このエラーを取得していますか？モバイルの互換性を正しく確認する方法はありますか？

Answer 1

私が使用し、それぞれのデバイスに対応し、ウェブサイトをテストするために利用可能なアドオンの多くは、あなたに追加以下は、レスポンシブウェブデザインテスター

• このアドオンを試すことができますがあります - 応答クローム
• トグル - Mozillaの

このアドオンを検索して、それぞれのアドオンのブラウザ検索でadd addonsボタンをクリックするだけです。