Safari: неправильный расчет видового экрана для размеров шрифта

  1. Откройте следующий HTML-код в Safari на любом iPhone:
<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width initial-scale=1.0 user-scalable=no" /> </head> <body> <div>Responsive design</div> </body> </html> 

Делаются правильно: у нас одинаковый размер шрифта в портретном режиме (ширина видового экрана = 320 пикселей для iPhone 5) и ландшафтный режим (ширина видового экрана = 568 пикселей для iPhone 5).

Правильное отображение

  1. Заменить текст Responsive design с чем-то вроде Responsive <!-- really? --> design Responsive <!-- really? --> design (или некоторые другие теги или добавить еще один простой div). Увидеть разницу???

введите описание изображения здесь

Он отображается так, как если бы видовое окно было 320 пикселей!

Это самый простой пример. В некоторых более сложных случаях я создал несколько div с правильным размером шрифта на одной странице, но шрифт других divs по-прежнему был неправильным.

Независимо от того, какой шрифт. Вы можете использовать, например, div { font: 20px Helvetica; } div { font: 20px Helvetica; }

Протестировано:

  • последняя версия iOS 9.2.1 (устройство) – браузеры Safari, Chrome и другие браузеры на основе Safari
  • iOS 7.1 / 8.4 / 9.2 симуляторы – Safari

Та же проблема … Это ошибка? или особенность? Почему он присутствует там годами?

На iPad нет такой проблемы.

Interesting Posts

MonoTouch: воспроизведение звука

как возобновить таймер при нажатии на просмотр2

Проверка NSPredicate NSArray, если объект имеет один из нескольких идентификаторов

Неправильное использование IDFA, ваше приложение не соблюдает параметр отслеживания конечных объявлений в ios

UICollectionView на UITableViewCell с прокруткой в ​​том же направлении

iOS, Xamarin, UIView, Draw, динамическая анимация не работает

Как создать кнопку в uiview программно в iphone

Ошибка UISearchBar AutoLayout ios7?

Поделитесь текстом и носителями с расширением Share WhatApp

Создание уполномоченного API Google API для iOS

Использование Testflight не получает сбоев

Ошибка получения Неизвестный класс PFImageView в файле Interface Builder для синтаксического анализа

Файл данных импорта / экспорта Delphi iOS по электронной почте

iOS Facebook SDK 3.1 openActiveSessionWithReadPermissions: обнаружение, когда пользователь не предоставляет доступ

Единичный тестовый класс для проекта Swift

Давайте будем гением компьютера.