Как я могу остановить iPhone от изменения размера моих фоновых изображений?

Question

Вы можете увидеть проблему на myspace.com/dejaentenduband

на iPhone фоновое изображение уменьшено на 50%

У меня не было этой проблемы в другом браузере. Я ожидаю, что фон будет просто обрезан там, где он не умещается на экране.

Так как это необычное поведение, и Apple должна это понимать, я надеюсь, что есть чистое решение на основе CSS или HTML. Должен ли я определять что-то по-другому или придавать телу моей страницы определенный атрибут?

Answer 1

Оказывается, это не имеет никакого отношения к окну просмотра.

здесь есть статья об этом:

http://www.defusion.org.uk/archives/2010/02/19/shrinking-large-background-image-bug-in-iphone-safari/

одно из ограничений iphone установлено Mac:

http://developer.apple.com/library/safari/#documentation/AppleApplications/Reference/SafariWebContent/CreatingContentforSafarioniPhone/CreatingContentforSafarioniPhone.html

Изображения JPEG размером более 2 мегапикселей субдискретизированы, то есть декодируются до уменьшенного размера

Answer 2

Может быть, вам нужно настроить окно просмотра страницы .

Answer 3

Вот самое простое исправление ВСЕХ:

Откройте Fireworks, экспортируйте изображение в виде 32-битного PNG и используйте этот PNG в качестве фона. IOS не масштабируется ЭТО. Работает как шарм, и его размер примерно такой же, как у jpg со 100% качеством (на самом деле немного меньше)

Answer 4

Я только что нашел самое простое решение для этого. Просто откройте изображение в Photoshop и сохраните его, используя «Сохранить для Web и устройств» ..

Answer 5

Если фоновое изображение выше, чем 1000px, оно будет изменено до ширины области просмотра. Попробуйте уменьшить высоту и посмотрите, имеет ли это эффект.