Особенности отображения сайтоа на iPhone

← →
Pit (2011-09-06 13:52) [0]

Хочется услышать ответы людей, которые делали сайты, в том числе заточенные под коммуникаторы / iPhone"ы.

Если кратко сформулировать проблему - как-то мелко айфон отображает сайты. Пример на скриншоте:

http://img-fotki.yandex.ru/get/5308/131575217.0/0_6676f_cfa59c4d_XL.jpg

Сделана спец. версия, без указания размером шрифтов и вообще какого-либо оформления. Тем не менее смотрится именно так, занимает 1/6 площади экрана.

На коммуникаторах на базе Android стандартным браузером (и оперой) смотрится вполне нормально при сопоставимых разрешениях устройств.

То ли iPhone сильно заточен под просмотр "обычных" сайтов... Проблема в том, что не хочется вводить сильно разную шаблонизацию для различных устройств, тем более задача простенькая.

Мож чего почитать на эту тему, может кто опытом поделится?
Заранее спасибо.

← →
Anatoly Podgoretsky © (2011-09-06 16:24) [1]

> Pit (06.09.2011 13:52:00) [0]

Фотоаппаратом что ли снимал, а нам теперь глаза портить

← →
Eraser © (2011-09-06 16:29) [2]

> [0] Pit (06.09.11 13:52)

> Сделана спец. версия, без указания размером шрифтов и вообще
> какого-либо оформления.

зато ширину указал.
вообще это на сайт веб мастеров. таких сайтов сейчас тысячи.

← →
Eraser © (2011-09-06 16:30) [3]

> [0] Pit (06.09.11 13:52)

PS
на айфоне принт-скрин делается одновременным нажатием home + кнопка сверху.

← →
Pit (2011-09-06 18:39) [4]

> зато ширину указал.

не указывал

> на айфоне принт-скрин делается

я его даже в руках не держал... в общем, это и не так важно в данном контексте...

Меня удивляет, что обычный текст без форматирования смотрится мелко... Но вроде это подтвердили и на iPhone 3 и на iPhone 4.

← →
Inovet © (2011-09-06 18:51) [5]

> [4] Pit (06.09.11 18:39)
> Меня удивляет, что обычный текст без форматирования смотрится мелко...

Так у них разрешение как не так давно на мониторах, при их размерах.

← →
tesseract © (2011-09-06 19:29) [6]

Iphone хочет принимать исключительно HTML5 + там размер шрифта маковский - т.е. на пункт ниже. http://www.artlebedev.ru/kovodstvo/sections/70/

← →
Eraser © (2011-09-07 04:42) [7]

> [6] tesseract © (06.09.11 19:29)

эта статья 2001 года.

← →
Rule © (2011-09-08 01:33) [8]

Safari - это целая платформа со своими тараканами.
начать изучать нужно отсюда
http://developer.apple.com/devcenter/safari/index.action

Там очень много всего для поддержки железа - от 3Д ускорения до поддержки жестов.

А то что на экране, так это он правильно показывает. Он не обязан ваш сайт растягивать по ширине, это в свойствах нужно было указывать вашего сайта. Он его показал согласно default.css вебкита.

← →
Pit (2011-09-08 12:22) [9]

Да причем здесь растягивания сайта, господа!! Шрифты маленькие, очень.
Логотип очень мелко отображается... Ну и так далее

← →
Pit (2011-09-20 10:51) [10]

up?

← →
KSergey © (2011-09-20 11:51) [11]

> Логотип очень мелко отображается...

А какого он размера в пикселях? а какое разрешение экрана айфона - в курсе?

← →
Eraser © (2011-09-20 14:13) [12]

> [11] KSergey © (20.09.11 11:51)

640 ? 960

← →
KSergey © (2011-09-20 14:16) [13]

Eraser

Наверно :)

Вопрос в том какого размера логотип. Неужто его айфон уменьшает??

← →
Inovet © (2011-09-20 16:09) [14]

> [12] Eraser © (20.09.11 14:13)
> 640 ? 960

И сравнить 640 на 480 на мониторе 14 дюймов.

← →
Nic © (2011-09-22 19:01) [15]

В айфоне очень удобно можно увеличить сайт. Плюс если повернуть айфон боком, то ширина увеличится. Любой текст читать комфортно, если сайт сделан по-уму. Там очень большое разрешение, поэтому всё так мелко.

Это тупик. На ограниченном по размерам экране отображать с разрешением выше воспринимаемого глазом бессмысленно. Спасёт появление голографических дисплеев или проекция напрамую в мозг.

> [16] Inovet © (22.09.11 19:07)

> Спасёт появление голографических дисплеев или проекция напрамую
> в мозг.

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

> [17] Eraser © (22.09.11 22:37)
> > Спасёт появление голографических дисплеев или проекция напрамую
> > в мозг.
>
> думаю гибкие сворачивающиеся экраны куда реальнее в ближайшей
> перспективе.

Ну вот на улице достаешь из широких штанин рулон, разворачиваешь тычешь в него, набирая номер... Или достаешь из джинсов маленькую коробочку с мобильник разиером, а над ней изображения повисло. Большому, конечно, завидовать будут.

> [18] Inovet © (22.09.11 23:26)

для того, чтобы звонить более чем достаточно и того, что сейчас есть. а вот гибкий дисплей позволит сделать из телефона практически полноценный ПК. я не спорю, что голографический дисплей лучше, только вот не удивлюсь, что его даже теоретически нельзя создать.

> [19] Eraser © (22.09.11 23:33)

Несколько лет назад попадались статьи про проекторы в мобильниках не голографические, а обычные, демонстрировали уже работающие прототипы, прогнозировали что во все скоро будут встраивать. Что-то заглохло. Оно мне тогда ещё показалось бессмысленным.

> Если кратко сформулировать проблему - как-то мелко айфон
> отображает сайты.
> Сделана спец. версия, без указания размером шрифтов и вообще
> какого-либо оформления. Тем не менее смотрится именно так,
> занимает 1/6 площади экрана.

эта проблема легко решается если всё делать на канве.
Пример масштабирования есть у Влада Мержевича на сайте:
http://htmlbook.ru/blog/avtorazmer-igr-na-html5

Особенности отображения сайтоа на iPhone Найти похожие ветки