Скасувати збільшення тексту на мобільному, Кабінет Веб-майстра - Створення та обслуговування сайтів
Останнім часом дуже швидко розвивається мобільний інтернет і, як наслідок, більшість сайтів хочуть виглядати на пристроях з невеликими екранами, як мінімум, пристойно. Є кілька способів досягти цього: можна зробити окрему мобільну версію, зробити сайт адаптивним або просто змусити його відображатися так, як на екрані комп'ютера з наближенням. Кожен із цих способів має ряд своїх плюсів та мінусів, але я не про це.
Скористайтеся прогресивною CSS властивістю
Існує спеціальна властивість text-size-adjust, яка керує відображенням тексту на мобілці та приймає одне з 3 значень:
auto - текст підлаштовується автоматично (за замовчуванням);none - розмір тексту не змінюється - ось це значення потрібно задати, щоб текст не збільшувався;70% - бажаний відносний розмір тексту (можливе інше значення).
Донедавна воно працювало лише з префіксом-webkit- (-webkit-text-size-adjust:none;), але технології не стоять на місці, ця властивість вже підтримуєтьсяFirefox 11 і вWindows Phone 7 воно працює з префіксом-ms- (-ms-text-size-adjust:none;).
Рекомендую застосовувати його до конкретного елемента, який виглядає не так, як хочеться. Однак, якщо воно вам не допомогло, то є 2 проривний спосіб, про який я дізнався досить недавно.
Парабабаам - задати елементарну CSS властивість
Допустимо, що мобільний браузер збільшує розмір тексту лише в 1 абзаці. Тепер увага, ми беремо і призначаємо цьому абзацу властивість max-height:99999px; і все! Текст починає відображатись нормально! Чи не так це чудово? Ми лише говоримо, що максимальна висотанашого блоку може бути дуже великий, і наша проблема вирішується сама собою.