webページのスマホ/PC表示差異

Question

お世話になります。
初歩的で、フワッとした質問ですいません。。

webページ開発において、
(PCのデザインは大丈夫なのですが、)スマホの表示デザインを、意図した通りにできなくて困っています。

PCのブラウザ上からデベロッパーツールで確認した場合には各要素の詳細状況が確認ができるため、それに応じて必要な修正を加えられるのですが、
スマホではそれができないため、修正対象の要素や、修正内容が分からず、問題が解決できないでいます。

PCブラウザにて、表示形式をスマホ型に変えて確認してみると、私のスマホデバイス上での表示と異なっています。PCのスマホ表示上は正しく、スマホデバイスでみると正しくありません。

このような表示差異がある場合、みなさまはどのように問題解決されているのでしょうか。

以上、何卒よろしくお願いいたします。

Answer 1

そういう場合はPCをスマホ実機とケーブルで繋いでリモートデバッグを行います。
Android端末の場合は公式記事があります。
Android端末のリモートデバッグを行う
iOS端末は公式が見つけられなかったので参考までに人様の記事を挙げておきます。
実機のMobile Safariのページデバッグについて

Comments

[wwwww]

ご回答、ありがとうございます！
早速試してみます！