Основа для электронной почты: держите 2 столбца на маленьком размере - PullRequest
0 голосов
/ 25 января 2019

Мне кажется, что адаптивный механизм не работает должным образом в боковой «электронной почте»

пример: https://foundation.zurb.com/emails/docs/media-query.html#default-media-query для ссылки выше,

<row>
  <columns small="6" large="4">4 columns, 6 columns on small</columns>
  <columns small="6" large="8">8 columns, 6 columns on small</columns>
</row>

Это хорошо работает для большого размера, но при небольшом размере 2 столбца не расположены рядом, а сложены друг в друга, см. Следующую картинку, чтобы понять, что я имею в виду.Итак, как мы должны сохранить 2 столбца, даже в небольшом размере?

how should we keep 2 columns, even in small size?

Спасибо, Stève


Хорошо, я нахожу, на самом деле,есть разница в поведении между версией создаваемого письма:

npm start

и окончательной версией (которая работает для «маленьких» столбцов):

npm run build

Я также заметилчто в разных браузерах, таких как Firefox и Chrome или Opera, дисплей отличается ...

different between firefox and opera

...