css - ページヘッダー - 全幅

Question

アプリケーションに次のページがあります。

http://actibities-uniongr.rhcloud.com/pages/view-demo

ブラウザのウィンドウを 1000px 未満に縮小して水平方向にスクロールすると、ヘッダーがスパンされない (画面の幅いっぱいに収まらない) ことがわかります。iframe (youtube 埋め込み) があるこのページでのみ発生します。

何か案が？

Answer 1

ヘッダーに問題はありません。

基本的な問題は、YouTube 動画の iframe の幅が 650px に固定されていることです。特定のページ幅に達すると、コンテナーから抜け出し、スクロールバーが発生します。ビデオをページに合わせて拡大縮小する方法を見つける必要があります。

ここを参照してください：SOリンク

Answer 2

この問題は、YouTube コンテナに適用されるプロパティの 1 つが原因で発生します。

これを試してください：

-moz-box-sizing:border-boxclass からプロパティを削除します.row-fluid [class*="span"]。