Media
بازگشت به صفحه اصلی
بازگشت به صفحه مقاله
دو ستونی
دو سطری
اجرای کد RUN »
<!DOCTYPE html> <html> <head> <style> .x{ background-color: pink; } @media screen and (min-width: 480px) { .x{ background-color: lightgreen; } } </style> </head><body> سایز مرورگر رو تغییر دهید تا رنگ تغییر کند <div class="x"> <h1>Resize the browser window to see the effect!</h1> <p>The media query will only apply if the media type is screen and the viewport is 480px wide or wider.</p> </div> </body> </html>