Случайный CSS-стиль в Safari iPhone

У меня проблема с проблемой CSS, которая, по-видимому, вызвана CSS Disqus.Случайный CSS-стиль в Safari iPhone

The Disqus CSS, кажется, вызывает основной текст содержимого моей страницы, чтобы случайным образом изменять размеры по частям. Нажав на обновление, случайным образом сделайте текст более крупным, немного меньшим и полужирным. Похоже, что это происходит в Safari на iPhone (реальный и симулятор) и отлично работает в Firefox, IE, Android и iPad Safari. Отключение комментариев Disqus устраняет проблему. Я попытался изменить темы Disqus и включить и выключить мобильный просмотр.

Ниже вы можете увидеть ту же страницу, оказываемые иначе каждый раз, когда я нажимаю обновление (live site-it should look like this)

Random styling Same page after refresh

Любая помощь будет принята с благодарностью.

источник

2012-02-20 row1

Вы можете попробовать применить -webkit-text-size-adjust: none; и нацеливание на код Disqus? Если я помню, что Disqus не использует iframe, он должен работать, если используемая вами иерархия сильнее их.

Больше информации здесь: http://css-infos.net/property/-webkit-text-size-adjust

Надежда, что помогает :)

Edit: Я только что подумал, что при написании комментария ниже. Вы можете отсортировать его, установив ширину окна просмотра, явно или по ширине устройства.

Например, это сделает видовое окно на iphone размером 320 пикселей шириной в портрете и шириной 460 пикселей в ландшафте (я думаю, это правильно?).

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

Со скриншотов я думаю, что на самом деле это слишком мало, так что что-то вроде этого может быть лучше.

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

Это на самом деле, почему размер текста меняется в первую очередь. IPhone весит 800 пикселей, чтобы соответствовать как портретным, так и ландшафтным. В портрете, хотя это может сделать шрифт слишком маленьким, чтобы он был увеличен.

Смотрите здесь для получения дополнительной информации: https://developer.apple.com/library/ios/#DOCUMENTATION/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html

источник

2012-02-20 12:10:13 will

Wow такой быстрый правильный ответ поистине удивительно. Добавление этого к контейнеру содержимого (..a td) похоже на трюк: #review_content * { -webkit-text-size-adjust: none! Important; } Любые идеи, хотя почему это изменяется случайно? Я подожду еще на один день, прежде чем принять ваш ответ, - просто в случае появления всплывающего ответа «! Important». Большое спасибо. – row1

Люди также, похоже, препятствуют использованию этого: http://www.456bereastreet.com/archive/201011/beware_of_-webkit-text-size-adjustnone/ – row1

Да, я бы не стал использовать его повсюду, и как это проблема только с iPhone, возможно, использовать ее только в этом случае. Моя догадка о причине будет заключаться в том, что, когда Disqus сначала начинает делать это, он вставляет HTML, и это фактически заставляет видовое окно быть шире, чем это должно быть в то же самое время, когда iPhone принимает решение о том, насколько большой размер шрифта должен быть читаемым. Что на самом деле просто заставило меня подумать, вы можете отсортировать этот другой способ, без изменения размера текста ... Я отредактирую выше. – will

Случайный CSS-стиль в Safari iPhone

ответ

Смежные вопросы