Milligram: Поведение сетки на мобильных устройствах

Созданный на 12 янв. 2018  ·  7Комментарии  ·  Источник: milligram/milligram

Информация о версии

  • Миллиграмм 1,3

Действия по воспроизведению

<div class="row">
<div class="column">test</div>
<div class="column column-20"">test 2</div>
</div>

Ожидаемое поведение

Я ожидал увидеть 100% ширину мобильной сетки, как это делают другие CSS-фреймворки.

Фактическое поведение

Сетка сохраняет процентную ширину, но на двух линиях, что выглядит странно.

На рабочем столе

Desktop

На мобильном

Mobile

Какие-либо решения по этому поводу или это ожидаемое поведение?

Hacktoberfest improvement

Самый полезный комментарий

Привет @cjpatoilo!

Похоже, что эти фреймворки это делают:

Я предполагаю, что решением было бы переопределить ширину "столбца-20" на 100%, если он на мобильном телефоне. Было бы возможно?

Спасибо за вашу работу 👌🏻

Все 7 Комментарий

Привет, @dnohr Хороший звонок!

Идея мне очень понравилась. На самом деле, я уже представлял себе что-то подобное, но я не уверен, что все используют это таким образом. Было бы интересно нанести эту информацию на карту. Не могли бы вы показать мне, какие CSS-фреймворки на 100% используются на мобильных устройствах?

Привет @cjpatoilo!

Похоже, что эти фреймворки это делают:

Я предполагаю, что решением было бы переопределить ширину "столбца-20" на 100%, если он на мобильном телефоне. Было бы возможно?

Спасибо за вашу работу 👌🏻

@dnohr Я нашел способ добавить эту поддержку и сохранить текущее поведение. 👍
Спасибо, что сообщили об этом улучшении.

У меня такая же проблема?
Как это разрешить?

На мобильных устройствах я ожидаю, что сетка разбивает столбцы на строки, и она останется такой же, как и на рабочем столе.

Могу я исправить эту проблему?

@celebritydeveloper это поведение было исправлено. Посмотрите демо:

milligram-mobile

@dnohr @martinffx Сейчас я
Пожалуйста, не стесняйтесь открывать заново или открывать новый.

Была ли эта страница полезной?
0 / 5 - 0 рейтинги