2017-06-10 22 views
0

androidとiosの両方のスマートフォンデバイスで奇妙な動作をするレスポンシブウェブサイト(http://www.cjkrause.de/borgo-v2)を作成しました。ブラウザにウィンドウ全体を縮小させてウィンドウに収まるようにするナビゲーションバーがあります。しかし、このバーには幅が設定されていないので、コンテンツを画面に合わせて並べ替えるだけです。レスポンシブサイト:navbarが全体の外観を縮小しています

私はすでに私のヘッダ部でこれを持っている:

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 

は、それが私のアンドロイド携帯電話上で示した方法はこちらをご覧ください: android appearence

デスクトップブラウザで、でも応答エミュレーションでは、すべてが正常に動作します。

答えて

0

問題がホームページの下部に向かっているように見えます。

ハードコードされた幅が600ピクセルのiFrameにあるため、小さなビューポートでは縮小されず、ページ上の他の要素が拡大されます。

+0

Oh my - 明らかに。私は今、https://benmarshall.me/responsive-iframes/からメソッドを使用して、iframeを応答させるようにしました。ありがとうございました。 –

関連する問題