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