m_feyz
چهارشنبه 09 اسفند 1396, 11:35 صبح
با سلام به همه
در اندروید به اشکال عجیبی برخوردم:
داخل وب ویو یک صفحه وب رو نمایش میدم. این صفحه وب متنی داره که اندازه فونت و اندازه ارتفاع سطرها تعیین شده: سایز فونت 20px و ارتفاع سطر: 35px
این اندازهها در مرورگر موبایل درسته ولی وقتی در وب ویو نمایش داده میشه، به هم میریزه!
با استفاده از دستور جاوااسکریپ زیر در داخل متن صفحه وب، اندازه نمایش داده شده فونت و ارتفاع سطر رو به دست آوردم:
var fontSize = window.getComputedStyle(element, null).getPropertyValue('font-size');
var lineHeight = window.getComputedStyle(element, null).getPropertyValue('line-height');
وقتی صفحه رو در در وب ویو باز کردم با تعجب دیدم که اندازه فونت رو زده: 17.4px و ارتفاع سطر رو میزنه: 30.45px
اشکال کار کجاست؟
نا گفته نماند این اشکال در گوشی تست شده و دیده شده ولی در تبلت که امتحان کردم درست و بی اشکال بود و همان سایز واقعی را نمایش میداد
با تشکر از دوستان عزیز
در اندروید به اشکال عجیبی برخوردم:
داخل وب ویو یک صفحه وب رو نمایش میدم. این صفحه وب متنی داره که اندازه فونت و اندازه ارتفاع سطرها تعیین شده: سایز فونت 20px و ارتفاع سطر: 35px
این اندازهها در مرورگر موبایل درسته ولی وقتی در وب ویو نمایش داده میشه، به هم میریزه!
با استفاده از دستور جاوااسکریپ زیر در داخل متن صفحه وب، اندازه نمایش داده شده فونت و ارتفاع سطر رو به دست آوردم:
var fontSize = window.getComputedStyle(element, null).getPropertyValue('font-size');
var lineHeight = window.getComputedStyle(element, null).getPropertyValue('line-height');
وقتی صفحه رو در در وب ویو باز کردم با تعجب دیدم که اندازه فونت رو زده: 17.4px و ارتفاع سطر رو میزنه: 30.45px
اشکال کار کجاست؟
نا گفته نماند این اشکال در گوشی تست شده و دیده شده ولی در تبلت که امتحان کردم درست و بی اشکال بود و همان سایز واقعی را نمایش میداد
با تشکر از دوستان عزیز