في موقعي استخدمت فقط
@media only screen and (max-width: 900px)
اي ان اي جهاز يستخدم الموقع وعرض شاشته تحت ال 900px فطبق عليه اكواد التنسيق للاجهزة الصغيرة
وفي الحقيقة يعمل 100%
ما رأيك؟
وما هو اقصى عرض لشاشة الهواتف الذكية ؟
أخي الكريم #هنالك مقايس عالمية ...
بإمكانك إستخدام bootstrap أسهل لك بكثير من أي شيء أخر وسوف تسهل عليك الطريق :) فقط مسألت تعلمها فقط .
لا أظنه يخشى حجمها على القرص لديه لأنه لا يستحق التفكير به، ربما للمسألة علاقة بسىرعة تحميل الصفحة وتحميل ملف البوتستراب لدى المستخدم وربما لم يستخدم منها سوى شيء بسيط يمكن الإستغناء عنه
صحيح ما تقول ولكن أخي هذه الcdn سوف يستخدمها في كل شيء أنا عن نفسي أقوم ببناء كل الموقع عليها وفوق ذالك أقوم بإضافة بعض الcss في ملف منفصل والصفحة على الانترنت تكون بسرعة #فائقه جداً .
للعلم الكل ينصح بbootstrap :) .
هذه الأحجام التي يعتمدها بوتستراب، أظن اعتمادها سيكون جيد لك وستحصل على النتيجة التي تسعى لها
// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }
// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }
// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }
// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }
التعليقات