2

Twitter Bootstrap ベースのナビゲーション ヘッダーの動作に少し混乱しています。デスクトップ ベースのバージョンではすべて問題ないように見えますが、iPhone/iPad からブラウジングすると、右側に奇妙な白い点が表示されます (これは、Tumblr コントロールの位置を定義しているようにも見えます.

これをデバッグするにはどうすればよいですか? 誰にも指針がありますか？どうもありがとう。

右上の白点

実際のコードはここにありますhttp://thegodfounder.com/

編集1：

@baptme の提案に従ってビューポートを「width=device-width, initial-scale=1.0」に変更すると、実際にはビューポートが黒の終了位置にスケーリングされ、右側のすべてが非表示になります。何が表示されないのですか?

ビューポートの変更

編集2：

1) float:left & min-width:100% の提案を body に追加すると、実際には空白が埋められますが、まだ怪しいものがあるようです: Tumblr コントロールはまだページの中央にあり、 pageload は、Tumblr コントロールの右側にロードされます。ブレーク ポイントなどがあるかのようですが、私は何も知りませんか? 2)そして、Bootstrap navbar を上部に固定することを想定していないのに、正しく使用するという概念を理解していませんか?

奇妙なロード

4

1 に答える 1

3

交換

<meta name="viewport" content="width=device-width">

と

<meta name="viewport" content="width=device-width, initial-scale=1.0">

編集：

レスポンシブ動作を削除しposition:fixed、Twitter ブートストラップから.navbar同じ問題が発生します

反応がなく、位置が固定されていません

に を持たせたくない場合は、メディア クエリを使用して、幅がビューポートより広くならない.navbarようにすることができます。position:fixed.navbav

編集2：

@MyHeadHurts コメントのfloat: leftand min-width: 100%tobodyは間違いなく、それを修正するための最良の方法です。これらの 2 つのプロパティが一緒にそれを行うとは思わない場合でも、機能します。

編集3：

<meta name="viewport" content="width=device-width, initial-scale=1.0">ページをビューポートに合わせてスケーリングする場合は、削除してください。

于 2012-07-21T10:58:21.463 に答える