اجرا ❯
بازگشت
به
آموزشگاه
×
Change Orientation
Save Code
Change Theme, Dark/Light
Go to Spaces
<!DOCTYPE html> <html dir="rtl"> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> #div1 { background-color: yellow; padding: 20px; } /*برابر با 600 پیکسل یا کمتر است، عنصر مورد نظر مخفی شود viewport اگر عرض*/ @media screen and (max-width: 600px) { #div1 { display: none; } } </style> </head> <body> <h2>مخفی کردن عناصر در صفحه های نمایش کوچک</h2> <p><strong>این پنجره را تغییر اندازه دهید تا نتیجه را مشاهده کنید</strong></p> <div id="div1">مقداری متن</div> </body> </html>
