Bisakah kita menggunakan Panel untuk desain web Responsif?


8

Saya ingin membuat situs baru menggunakan desain responsif menggunakan tema Omega. Apakah modul panel cocok untuk desain responsif atau haruskah saya menggunakan yang lain (seperti modul Konteks)? Terima kasih

Jawaban:



5

Iya! Saya baru melakukannya.

Dengan asumsi 2 col dan varian - Anda mungkin membutuhkan lebih banyak untuk tata letak lain:

  1. Dalam resolusi terendah @media query CSS saya hanya mengatur '.panels-col-first' dan '.panels-col-last' ke { width: 99.9%; clear: both }.
  2. Dalam tata letak resolusi yang lebih tinggi, ketika Anda ingin kembali ke tata letak 2-col hanya membatalkan penimpaan { width: 49.9%; clear: none }

Catatan:

  • % lebar harus menambahkan hingga KURANG dari 100% jika Anda ingin mendukung IE 6 dan 7 karena mereka memiliki kesalahan pembulatan. Anda selalu dapat melakukan ini di ie.css khusus Anda jika Anda memilikinya dan benar-benar membutuhkannya 0,2% kembali!
  • Kelas-kelas ini seharusnya sudah diatur ke float kiri oleh Panel utama CSS, tetapi Anda dapat menimpanya juga jika diperlukan.

1

Saya memiliki masalah yang sama. Tidak perlu kode dalam css untuk menyelesaikan masalah. -> Omega menangani panel dengan baik dalam desain responsif.

"Omega hadir dengan beberapa tata letak panel secara default. Jika Anda mengaktifkan Panel di situs Anda dengan tema Omega juga diaktifkan, dan Anda pergi untuk menambahkan panel baru Anda akan melihat Omega: 12, (atau 16 atau 24) Daftar Kolom terdaftar "Pilih salah satu dari itu, lalu pilih tata letak. Saya malu tentang betapa mudahnya itu, dan saya bahkan tidak pernah tahu!"

Saya menemukan solusinya di halaman ini, komentar kedua http://www.kendallsdesign.com/blog/omega-theme-responsive-design-resources

Ngomong-ngomong, ada bahan yang benar-benar bagus.

Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.