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

StackOverflow https://stackoverflow.com/questions/121051

  •  02-07-2019
  •  | 
  •  

Вопрос

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

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

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

Это было полезно?

Решение

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

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

Другие советы

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

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

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

<head>
    <meta name="viewport" content="width=device-width,user-scalable=no" />
</head>

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

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

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top