Полноэкранное изображение iPhone

Как мне сделать изображение или часть страницы полноэкранным на iPhone?

У меня есть изображение размером 480 x 320, и я хочу развернуть его на весь экран на iPhone, но оно должно быть на веб-странице, чтобы я мог сделать изображение ссылкой на предыдущую страницу.

В настоящее время, если я перетащу изображение на пустую страницу и открою его на iPhone, оно просто появится в верхнем левом углу.


iphone html mobile-safari
person Smallinov    schedule 23.09.2008    source источник

Ответы (3)


arrow_upward
5
arrow_downward

Я бы сказал, установите метатег области просмотра на пустой странице, чтобы Safari знал, что нужно отображать страницу в нужном размере. Для получения дополнительной информации см. эту ссылку:

Документация Apple iPhone Safari

person Andy Jeffries    schedule 23.09.2008

arrow_upward
18
arrow_downward

Надеюсь, я не нарушил NDA здесь, но вот.

Мобильный Safari по умолчанию отображает страницу так, как если бы эта страница была просмотрена браузером настольного компьютера, с шириной по умолчанию 980 пикселей.

Чтобы изменить это поведение, вам нужно явно объявить область просмотра, что вы делаете с помощью метатегов. Если вы объявите ширину постоянной device-width, по умолчанию она будет равна 320 вместо 980, и все будет выглядеть великолепно.

<head>
    <meta name="viewport" content="width=device-width,user-scalable=no" />
</head>
person Hans Sjunnesson    schedule 23.09.2008
comment
Я не уверен, имеет ли это значение, но некоторые примеры, которые я видел, также включают минимальный и максимальный масштабы. <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"> - person Brad Parks; 04.05.2014

arrow_upward
2
arrow_downward

хорошие ссылки, которые могут помочь вам в дальнейшем:

Как оптимизировать веб-сайт для мобильных устройств: http://solutions.treypiepmeier.com/2008/12/01/optimizing-a-website-for-iphone/

person Community    schedule 08.02.2009