Milligram: Perilaku kisi di seluler

Dibuat pada 12 Jan 2018 · 7Komentar · Sumber: milligram/milligram

Informasi versi

Miligram 1.3

Langkah-langkah untuk mereproduksi

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

Perilaku yang diharapkan

Saya berharap untuk melihat lebar 100% di jaringan seluler, seperti yang dilakukan oleh kerangka kerja css lainnya.

Perilaku sebenarnya

Kisi mempertahankan lebar persentase tetapi pada dua garis, yang terlihat aneh.

Di Desktop

Desktop

Di Seluler

Mobile

Adakah solusi untuk itu atau apakah itu perilaku yang diharapkan?

Hacktoberfest improvement

Sumber

dnohr

Komentar yang paling membantu

Hai @cjpatoilo ,

Sepertinya kerangka kerja ini melakukannya:

Saya kira solusinya adalah mengganti lebar "kolom-20" 100% jika ada di seluler. Apakah mungkin?

Terima kasih atas kerja samanya

dnohr pada 7 Feb 2018

👍2

Semua 7 komentar

Hei @dnohr Panggilan yang bagus!

Saya sangat menyukai ide itu. Sebenarnya, saya sudah membayangkan sesuatu seperti itu, tetapi saya tidak yakin apakah semua orang menggunakannya seperti itu. Akan menarik untuk memetakan informasi ini. Bisakah Anda menunjukkan kepada saya kerangka kerja CSS apa yang menggunakan 100% di seluler?

cjpatoilo pada 7 Feb 2018

Hai @cjpatoilo ,

Sepertinya kerangka kerja ini melakukannya:

Saya kira solusinya adalah mengganti lebar "kolom-20" 100% jika ada di seluler. Apakah mungkin?

Terima kasih atas kerja samanya

dnohr pada 7 Feb 2018

👍2

@dnohr Saya telah menemukan cara untuk menambahkan dukungan ini dan mempertahankan perilaku saat ini. 👍
Terima kasih telah melaporkan peningkatan ini.

cjpatoilo pada 16 Feb 2018

Saya mengalami masalah yang sama?
Bagaimana cara mengatasi ini?

Di seluler, saya berharap kisi-kisi memecah kolom menjadi beberapa baris dan tetap sama persis seperti saat di desktop.