Отказ от уголемяване на текст на мобилен телефон, Webmaster’s office - Създаване и поддръжка на сайтове
Напоследък мобилният интернет се развива много бързо и в резултат на това повечето сайтове "искат" да изглеждат поне прилично на устройства с малки екрани. Има няколко начина да постигнете това: можете да направите отделна мобилна версия, да направите сайта responsive или просто да изглежда като на компютърен екран с възможност за увеличаване. Всеки от тези методи има редица плюсове и минуси, но аз не говоря за това.
Използвайте прогресивно CSS свойство
Има специално свойство text-size-adjust, което контролира показването на текст на мобилен телефон и приема една от 3 стойности:
auto - текстът се настройва автоматично (по подразбиране);няма - размерът на текста не се променя - това е стойността, която трябва да зададете, така че текстът да не се увеличава;70% - желан относителен размер на текста (може да е друга стойност).
Доскоро работеше само с префикса-webkit- (-webkit-text-size-adjust:none;), но технологията не стои неподвижна, това свойство вече се поддържа отFirefox 11 и вWindows Phone 7 работи с префикса-ms- (-ms-text-size-adjust:none;).
Препоръчвам да го приложите към конкретен елемент, който не изглежда така, както искаме. Ако обаче не ви помогна, тогава има 2 пробивни метода, за които научих съвсем наскоро.
Parababaaam - задайте елементарно CSS свойство
Да кажем, че мобилният браузър увеличава размера на текста само в 1 параграф. Сега внимание, вземаме и присвояваме на този параграф свойството max-height: 99999px; и това е! Текстът започва да се показва нормално! Не е ли прекрасно? Просто казваме, че максималната височинанашият блок може да бъде много голям и нашият проблем се решава от само себе си.