Вече се знае, че новия Iphone, ще е със странната резолюция 960×640 вместо 480×320 и проблемът с пикселите започва да се задълбочава, когато се използват CSS дефиниции.
Този таг, може би е елегантно решение, което указва на сайта да заеме цялото възможно пространство на екрана и да преоразмери всичко по него. Това са пикселите на устройството, а не CSS пиксели:
<meta name=“viewport“ content=“width=device-width, initial-scale=1, maximum-scale=1″/>
По отношение на реалния размер на екрана и viewport-а на браузъра виж този поста на PPK:
http://www.quirksmode.org/blog/archives/2010/05/a_tale_of_two_v.html
А иначе по-добре да се използват media queries за да се нагласи дизайна спрямо разделителната способност, така ще работи за всякакви съвремени устройства и браузъри.
И накрая да си оправиш цвета на текста във формата за коментиране, че не мога да прочета какво пиша, много е гадно.
резолюцията не е странна, а умишлено е направена такава, за да може приложенията за старите айФони да работят в double pixel mode