Я делаю сайт для рабочего стола + iPad.Сайт отлично смотрится в настольных браузерах, включая Safari.
, но в iPad шрифты большие и ломают макет.
Эта проблема может быть решена, если я использую
body { -webkit-text-size-adjust:none; }
Нов соответствии с этой информацией http://www.456bereastreet.com/archive/201011/beware_of_-webkit-text-size-adjustnone/ этот код применяется к Desktop Safari.Пользователь в Desktop safari не может настроить размер, который не подходит для доступности сайта
есть ли другая альтернатива для решения этой большой проблемы текста в iPad.
Вы можете рассмотреть возможность использования медиа CSS для iPad.Вы можете прочитать сообщение на форуме здесь.
Как настроить таргетинг на CSS для iPad, но исключить рабочий стол Safari 4 с помощью медиазапроса?
Используйте это вместо:
-webkit-text-size-adjust:100%;
Кроме того, убедитесь, что вы устанавливаете начальную настройку масштабирования в 1 в метатеге вашего окна просмотра:
<meta name="viewport" content="width=device-width; initial-scale=1.0;" />
Просто используйте медиа-запрос в вашем CSS, который ориентирован на мобильные браузеры и, при желании, на ориентацию вашего устройства. Там вы можете настроить размер шрифта, не влияя на работу рабочего стола. В этом посте есть несколько примеров для iPad по медиа-запросам, ориентированным на мобильные устройства:
http://mislav.uniqpath.com/2010/04/targeted-css/
Когда вы говорите: «Это не работает в альбомном режиме iPad», что вы на самом деле пробовали?