Где я могу найти только адаптивную сетку

Question

Где я могу найти только адаптивную сетку

0

Я начал новый проект, и мне нужна (только) адаптивная сетка для макета.
Я пробовал с http://www.responsivegridsystem.com/ этой сеткой, и это прекрасно, но он добавляет некоторые классы для ввода и других элементов, которые мне не нужны, и это создает беспорядок в некоторых из моих форм.
Я ищу любое решение.

Мне нужна только чувствительная сетка, которая не будет конфликтовать с другими элементами.

Есть ли такая структура?

1110 13 апр. 2014, в 16:13

Источник

Теги:

html

css

responsive-design

grid-system

2 ответа

Ещё вопросы

G-Cyr · Answer 1 · 2014-04-13T12-52-00.000Z

Возможно, вы можете использовать display: flex, устанавливая min-height min-width min-height для детей, чтобы сохранить минимальный размер, где мало контента.:

http://codepen.io/gc-nomade/pen/wFHfq

Чтобы увидеть IE 10/11, вам тоже нужно добавить ширину или высоту в основной контейнер. Большая часть времени width:100% будет делать, вот я установил height:100% на body.

Это не будет работать для более старого браузера, вы можете использовать префикс поставщика и старый синтаксис для повышения совместимости. здесь есть что почитать и здесь тоже.

body  div {
  display:flex;/* flex it */
  flex-wrap:wrap;
  min-width:320px;
  min-height:160px;
  box-shadow:inset 0 0 5px white, 2px 2px 3px;
flex:1;
}
html,body {
  height:100%;/*IE*/
  margin:0;
}
body>div {
  min-height:100%; 
}
div div {
background:pink;
}
div div:nth-child(even) {
  background:lightgray
}

ОСНОВНЫЕ ТЕКСТЫ HTML:

<div>
  <div>
  </div>
  <div>
  </div>
  <div>
  </div>
  <!-- and so on -->
</div>

заполните его содержимым, чтобы протестировать его :) codepen.io/gc-nomade/full/fCzew

Aray · Answer 2 · 2014-04-13T11-58-00.000Z

попробуйте semantic.gs

Установите ширину столбцов и желобов, выберите количество столбцов и перейдите между пикселями и процентами.

Все без классов.grid_x в вашей разметке. О, и мы упомянули об этом отзывчивом?