スーパーエキスパート向けのiPhoneデバイスでのCSSの問題？

iphone 5（または他のバージョン）でhttp://docteur.taxを開くと、右側に空白の列が表示されます（下記のスクリーンショットを参照）。スーパーエキスパート向けのiPhoneデバイスでのCSSの問題？

何かが幅を縮小されているようです。フッターモジュールをチェックすると、実際に問題があることがわかります。フッターが100％の幅であると仮定します。

私が持っている大きな問題は、すべてのIphoneシミュレータborwersがこの問題を解決していないため、Jconsoleでこれをデバッグすることができないことです。実際のモバイルデバイスからのみ表示されます。

Googleでコードを確認する方法をGoogleで検索しています。しかし何も働かなかった。

Macノートパソコンはなく、SDKはありません。

携帯電話のFirebugまたはJconsoleでHTMLコードをチェックするツールを持っているスーパーエキスパートの助けが必要です。

私を助けることができる人に事前に感謝します。

2016-08-15 Nino

あなたのコードやサイトのリンクを投稿できますか？だから誰でもあなたを助けることができます。 –

もちろん。ここにリンクがあります：http://docteur.tax – Nino

問題は通常のブラウザでも残っています。 Chromeでは、要素を調べてスマートフォンモードで実行できます。それは電話とほぼ同じくらい良いです。あなたの問題は悪いマークアップ、奇妙なサイズなどにあります。それをチェックしてください。 – Imbue

このセクションの幅をハードコードしたからです。

.div_ebook { 
    width:380px; 
}

であり、内部セクションはその50％に設定されている。

これを100％に設定すると、常にページがきつくなります。

Google Chromeのデベロッパーツールを使用してiPhone 5をシミュレートすることで問題を確認できました。今後のデバッグにもこの問題を使用できるはずです。

2016-08-15 13:56:55 Adam

まあ...問題はすべてのシミュレータが正しく表示されます。しかし、実際のiPhone（と他のスマートフォン）は本当のバグを示しています。 – Nino

@Nino上記のコードを使って実際のiPhoneに表示されるスクリーンショットを添付してください。 – Adam

私はこれを見つけた：ピクセル単位で幅を設定

.div_ebook { 
    width: 380px; 
    margin-left: auto; 
    margin-right: auto; 
    font-size: 16px; 
}

は、iPhone 5のビューポートより広くなります。

2016-08-15 13:59:37 Vcasso

あなたの助けてくれてありがとう、しかしunfourtunatelyそれは何も修正されません。 CSSにバグを作成する何かがあります。そして私は私のiPhoneから要素とCSSをチェックすることはできません。 – Nino

幅を300pxに設定しようとしましたか？ Iphone 5の幅は320pxですので、300を実行して、まだ「バグ」があるかどうかを確認してください。 – Vcasso

また、weinreをインストールすることもできます（他のオプションはありません...）

2016-08-15 14:09:33 Artvader

答えて