طريقة إخفاء عنصر معين حسب دقة الشاشة

طريقة إخفاء عنصر معين حسب دقة الشاشة

السلام عليكم ورحمه الله وبركاته ,
حصريا على مدونة عرب تكنولوجي لحلول الويب نقدم لكم طريقة إخفاء عنصر معين حسب دقة الشاشة .
نرغب احيانا بإخفاء عنصر معين في الموقع حسب دقة التصفح مثلا لدينا إعلان جانبي عامودي في الموقع بمقاس120px/600px ولكن المشكلة تكمن عندما يتصفح الزائر الموقع بدقة منخفضه .
عندها سيظهر الإعلان فوق الموقع .

صورة توضيحية للمشكلة:

 

حل المشكلة:

أضف الكود التالي في ملف الستايل:

هذه الحالة إذا تصفح الزائر الموقع بدقة أقل من 1250px عرض عندها سيختفي #banner بينما من يتصفح بدقة 1250pxعرض وما فوق سوف يستمر #banner بالظهور.

طبعا العنصر الذي تريد أن تخفيه تضعه في داخل div وتسميه كما تريد كما يمكنك أيضا أن تضبط الدقة وتغير الرقم1250px للرقم الذي تريده.

494 كل المشاهدات 1 مشاهدة اليوم

مواضيع مشابهة قد تعجبك :

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *