質問: あるレスポンシブのホームページをNEXUS 5Xで閲覧すると、ある場所に余白が現れます。 パソコン上でブラウザを縮めた時や、他のスマホ機種で閲覧すると現れません。 クロームのデベロッパーツールで見てもマージンは設定されていません。 実際にホームページをお見せできればいいのですが、お見せできず・・・ 何か考えられる原因ありますでしょうか? nexus5xの閲覧状態でデベロッパーツールが見れれば、自分でもなんとかなるかと思ったのですが、nexusでは見れず・・・。 ギブアップ状態です。よろしくお願い致します。
回答: 余白の入り方がわからないので、参考程度に聞き流していただければいいのですが、 androidのブラウザでは、要素の背景色がスタイルで設定されていない場合に、 文字列が横幅に余裕があるにも関わらず、デバイス本来のwidthで改行されたりする場合があります。 これは、transparentを指定してもダメでカラーコードをちゃんと指定しないとダメなようです。 質問者様の言う現象とマッチしているかどうか分かりませんが、 手がかりになれば幸です。