0

Доброго времени суток, столкнулся с проблемой верстки и незнаю откуда ноги растут и как исправить

два одинаковых класса ведут себя по разному на мобильных устройствах,

  1. все ок введите сюда описание изображения

  2. а вот и баг введите сюда описание изображения для мобильников использую < meta name="viewport" content="width=1280">

баг замечен и на Anroid и на iOS.

1
  • Пожалуйста, перенесите информацию из документа по ссылке в свой вопрос. Здесь в том числе можно указывать и изображения. 13 авг 2015 в 21:45

2 ответа 2

0

Мобильные браузеры увеличивают текст в широких блоках. Добавьте к html

html {
  -webkit-text-size-adjust: 100%; 
}

Более подробно об этом свойстве и его проблемах, но у себя такого не замечал http://habrahabr.ru/post/133465/

0

Так срабатывает Font Boosting у мобильных браузеров. Альтернативные способы решения. Задать viewport равной ширине экрана, добавив тег:

<meta name = "viewport" content = "width=device-width, initial-scale=1">

Или указать в CSS:

html * {max-height: 1000000px;}

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.