У меня есть эта страница в моем приложении:Заголовок страницы - полная ширина
http://actibities-uniongr.rhcloud.com/pages/view-demo
Если вы сократите окно вашего браузера, чтобы меньше 1000px и прокрутки по горизонтали, вы увидите, что заголовок не охватывает (не заполняет всю ширину экрана). Это происходит только с этой страницей с iframe (встраивание youtube).
Любая идея?
Эта проблема вызвана одним из свойств, применяемых к контейнеру YouTube.
Попробуйте это:
удалить свойство -moz-box-sizing:border-box из класса .row-fluid [class*="span"].
В заголовке нет ничего плохого.
Основная проблема заключается в том, что видеоролик YouTube имеет фиксированную ширину 650 пикселей в iframe. Когда вы переходите к определенной ширине страницы, она вырывается из контейнера, вызывая полосу прокрутки. Вам нужно будет найти способ сделать масштаб видео со страницей.
Смотрите здесь: SO Link
Не могли бы вы уточнить, что вы имеете в виду под «заголовок не охватывает»? – Rich
@Rich Извините за то, что меня не поняли, я имею в виду, что он не заполняет экран. –
Я вижу. Вы опубликовали бы скриншот? Он заполняет экран, когда я изменяю его размер ниже 1000 пикселей. Какой браузер вы используете? – Rich