Поместить панель класса фундамента Zurb на ширину 100%

Question

Поместить панель класса фундамента Zurb на ширину 100%

0

Я хотел бы знать, можно ли поставить класс панели основания zurb с шириной 100% на все большее устройство. Возможно, у кого-то есть решение?

Спасибо :)

Рэй

remidoubi 14 апр. 2014, в 22:44

Источник

1

Может быть, ваш ответ на этой странице? stackoverflow.com/questions/12844910/...
gamerofficer 14 апр. 2014, в 21:34

Теги:

html

zurb-foundation

css

1 ответ

Ещё вопросы

Может быть, ваш ответ на этой странице? stackoverflow.com/questions/12844910/...

Intellidroid · Accepted Answer · 2014-04-14T20-29-00.000Z

Ширина "строки" в Foundation устанавливается по умолчанию на 1000 пикселей. При ширинах, превышающих это, вам нужно будет выполнить медиа-запрос и использовать css, чтобы установить максимальную ширину родительской строки на 100%, а затем установить ширину панели до 100%.

CSS

@media only screen and (min-width: 1001px) {
#panel-div {
    max-width:100%;     
};

#large-panel {
    width:100%;      
  }
}

HTML

     <div class="row" id="panel-div">
       <div class="panel" id="large-panel">panel goes here</div>
     </div>

Спасибо за ваш ответ, вы великолепны! :)