خاصية @media screen لإخفاء عناصر css في شاشة ذات أبعاد معينة
في الحقيقة هي خاصية جميلة ومفيدة جدا حيث يمكننا إخفاء أو إظهار كلاسات وعناصر معينة كالصور مثلا عند تغيير عرض الشاشة فمثلا لدينا :
#menu18 {
background : url(img/linkarrow.gif) no-repeat;
}إذا أردنا مثلا إخفاء الصورة عند رؤية الموقع في شاشة عرضها أقل من 1020 بيكسل نضع الصورة أو رابط الصورة في ملف السي أس أس css كالتالي :
