کاربردن ترکیبی از Percent و Em

راه حلی که در کلیه ی مرورگرها کارگر و موثر واقع می شود، این است که size-font پیش فرض را در قسمت یا عنصر بدنه <body <بر حسب درصد تنظیم کنیم

مثال

body {
font-size: 100%;
}
h1 {
font-size: 2.5em;
}
h2 {
font-size: 1.875em;
}

p {
font-size: 0.875em;
}

اکنون کد ما به خوبی عمل کرده و نتیجه ی دلخواه را بدست می آید . به عبارتی دیگر همان اندازه ی متن را در تمامی مروگرها پیاده کرده و بدین وسیله به همه ی مرورگرها اجازه می دهد نوشته را مطابق نیاز بزرگ یا کوچک نمایی کند .

 

 

در ادامه با آموزش های بعدی ما همراه باشید…

 

 

مجوز ارسال دیدگاه داده نشده است!