it-swarm.asia

هل يمكننا استخدام لوحات لتصميم الويب سريع الاستجابة؟

أرغب في إنشاء موقع جديد باستخدام التصميم سريع الاستجابة باستخدام سمة أوميغا. هل وحدات اللوحات مناسبة للتصميم سريع الاستجابة أم يجب علي استخدام شيء آخر (مثل وحدة السياق)؟ شكر

8
sokratis

طريقتان جديدتان للقيام بالتصميم سريع الاستجابة في اللوحات تتضمن Adaptivetheme 3.x والتوزيع Panoply .

6
Patrick Kenny

نعم! لقد فعلت ذلك للتو.

بافتراض وجود نقطتين ومتغيرات - قد تحتاج إلى المزيد من التنسيقات الأخرى:

  1. في أقل دقةmedia query CSS ، قمت للتو بتعيين ".panels-col-first" و ".panels-col-last" على { width: 99.9%; clear: both }.
  2. في التخطيطات ذات الدقة العالية ، عندما تريدها أن تعود إلى تخطيط ثنائي اللون ، فقط قم بالتراجع عن الإلغاء { width: 49.9%; clear: none }

ملاحظات:

  • يجب أن يصل عرض٪ إلى LESS أقل من 100٪ إذا كنت ترغب في دعم IE 6 و 7 لأن لديهم أخطاء في التقريب. يمكنك دائمًا القيام بذلك في ie.css الخاص إذا كان لديك واحد وأحتاج حقًا إلى استعادة 0.2٪!
  • يجب تعيين هذه الفئات بالفعل على الطفو الذي خلفه اللوحات الرئيسية CSS ، ولكن يمكنك تجاوز ذلك أيضًا إذا لزم الأمر.
5
Jim Kirkpatrick

كان لي نفس القضية. لا حاجة إلى كود في CSS لحل المشكلة. -> أوميغا التعامل مع لوحات جيدة في تصميم سريع الاستجابة.

"تأتي أوميغا مع عدد قليل من تخطيطات الألواح بشكل افتراضي. إذا قمت بتمكين اللوحات على موقعك مع تمكين سمة أوميغا أيضًا ، وذهبت لإضافة لوحة جديدة ، فسترى أوميغا: 12 ، (أو 16 أو 24) عمود الشبكة مدرج . اختر واحدًا من هؤلاء ، ثم اختر تنسيقًا. أشعر بالخجل من مدى سهولة الأمر ، ولم أكن أعلم أبدًا! "

لقد وجدت الحل في هذه الصفحة ، التعليق الثاني http://www.kendallsdesign.com/blog/omega-theme-responsive-design-resources

بالمناسبة ، هناك مواد جيدة حقا.

1
Ximizu Huynh