Unit kontena semestinya cukup berguna

Pertanyaan kontena bersedia untuk merevolusikan reka bentuk web dengan membolehkan keputusan susun atur berdasarkan dimensi elemen individu (bekas), bukan keseluruhan viewport. Bayangkan sebuah bekas yang mengamalkan susun atur baris pada lebar 600px, tetapi beralih ke susun atur lajur pada lebar sempit - tahap kawalan berbutir ini adalah transformatif. Ini berbeza dengan reka bentuk responsif tradisional yang hanya bergantung pada titik putus saiz skrin.

Walaupun unit peratusan (%) menawarkan beberapa saiz kontena-relatif, keupayaan mereka adalah terhad. Sebagai contoh, lebar bekas boleh ditetapkan sebagai peratusan lebar ibu bapanya, tetapi tidak ada mekanisme untuk menghubungkan sifat; Anda tidak boleh, misalnya, tetapkan saiz font sebagai peratusan lebar bekas.

Masukkan unit kontena! Spesifikasi yang dicadangkan memperkenalkan beberapa unit baru:

Ini membuka fleksibiliti yang belum pernah terjadi sebelumnya. Saiz fon, ketinggian garis, jurang, margin - hampir mana -mana harta - kini boleh diselaraskan secara dinamik berdasarkan lebar bekas.

Akses awal disediakan! Miriam (@terriblemia) menyoroti sokongan Chrome Canary (dengan bendera pertanyaan kontena diaktifkan). Video demonstrasi cepat mempamerkan potensi.

Eksplorasi lanjut oleh Scott (pautan ke kerja Scott akan dimasukkan di sini jika disediakan) dan Ahmad Shadeed memberikan pandangan tambahan:

Ahmad Shadeed menekankan keuntungan kecekapan unit kontena untuk menguruskan saiz fon, padding, dan margin dalam komponen, menghapuskan keperluan untuk pelarasan manual.

Pelepasan serentak pertanyaan kontena dan unit kontena tetap tidak menentu, tetapi kesan yang berpotensi tidak dapat dinafikan.

Atas ialah kandungan terperinci Unit kontena semestinya cukup berguna. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!