اجرا ❯
بازگشت
به
آموزشگاه
×
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: lightgrey; padding: 20px; font-size: 30px; } /* If viewport width is 600px or more, set font-size to 80px */ @media screen and (min-width: 600px) { #div1 { font-size: 80px; } } </style> </head> <body> <h2>تغییر دادن font-size برای یک عنصر در عرض های مختلف</h2> <p><strong>پنجره ی مرورگر را تغییر اندازه دهید تا نتیجه را مشاهده کنید.</strong></p> <div id="div1">مقداری متن.</div> </body> </html>
