У меня есть веб-сайт с помощью огромного фонового изображения (2000x1500) в контейнере отделения (100% x 100%).
Когда я открываю тот сайт на Safari на iPad, он уменьшен (~40%) в другой пропорции, чем содержание (~80%).
Я переместил предпосылки к тегу img в отделении с 100% шириной и 100% высотой и "скрытая" установка переполнения. Точно то же происходит.
Существует ли CSS, Устанавливающий, который может помочь Safari уменьшить масштаб фоновых изображений в той же пропорции как содержание?
Вам обязательно нужно создать отдельную таблицу стилей для iPad. Для этого вы можете использовать следующее:
<link rel="stylesheet" media="only screen and (max-device-width: 1024px)" href="../ipad.css" type="text/css" />
По этой ссылке вы найдете информацию об ориентации вашего веб-сайта на iPad и о том, как с этим бороться.
Я бы посоветовал создать отдельную таблицу стилей (файл css) для версии вашего сайта для iPad. Независимо от того, что вы делаете, вы должны просто создать ее и добавить тег ссылки, подобный показанному выше.
Если у вас есть фон изображения размером 2000x1500 пикселей для версии для iPad, вы можете уменьшить его до размеров iPad, если это единственное, с чем у вас возникла проблема. Я бы сказал, что вам следует уменьшить размер изображения до 1024 пикселей и объявить его в отдельной таблице стилей для iPad, и вы увидите конечный результат.
Дайте мне знать, как это происходит.
Кстати, вам также следует прочитать эту статью: http://www.inspiredm.com/2010/02/09/ipad-design/