iPhone, показывающий "мобильный" веб-сайт в более высоком разрешении экрана

Я в настоящее время развиваю "мобильную версию" веб-сайта, который, прежде всего, предназначается для более актуальных iPhone (4 +), это - мой первый раз, делая это. Я проверяю на iPhone 4S, мое понимание - то, что разрешение экрана того устройства 640x920 (когда проводится в ориентации "портрета"). У меня есть все на территории в контейнере 600 пкс шириной, хотя, когда я рассматриваю ее по телефону, это, кажется, показывает по умолчанию в "уменьшенном" государство, будучи этим я могу все еще видеть что-то как 1000-1200 пикселей содержания на экране.

Я предполагаю, что iPhone показывает места таким образом, поскольку многие не строятся, чтобы приспособиться к, он - меньшая резолюция? Есть ли что-то, что я пропускаю здесь? Есть ли что-то, что я установил, чтобы сказать устройству показывать место в, он - фактическая резолюция?

1
nl ja de

1 ответы

Необходимо добавить viewport тег meta в голове HTML.

<meta name="viewport" content="width=device-width">

Это говорит браузеру, что viewport (действующая ширина) должен быть установлен в ширину устройства (физическая ширина).

1
добавлено
Спасибо, да я просто понял это на самом деле. Когда я вставил, это 4S показывает место в еще меньшей резолюции (320x480 I' m принимающий). Я ожидал бы, что он покажет в 640x920 на 4S. Когда я явно установил viewport тег meta в "width=920", это делает то, что я ожидаю, странный.
добавлено автор user192618, источник
Верстка сайтов HTML/CSS/JS/PHP
Верстка сайтов HTML/CSS/JS/PHP
3 439 участник(ов)

Правила группы: напишите !rules в чате. Группа Вк: vk.com/web_structure Freelancer: @web_fl Веб Дизайн: @dev_design Маркетолог: @topmarkening Автор: @M_Boroda

CSS — русскоговорящее сообщество
CSS — русскоговорящее сообщество
1 502 участник(ов)

Сообщество любителей CSS Возникли проблемы с CSS? – пиши сюда, обсудим и предложим самое лучшее решение Работа: @css_ru_jobs Правила: https://teletype.in/@css_ru/r1EWtQ2w7 Приходите в наши чаты @javascript_ru и @frontend_ru Флуд: @css_flood

Чат — Типичный Верстальщик
Чат — Типичный Верстальщик
1 080 участник(ов)

Основной канал: @tpverstak Обратная связь: @annblok Все ссылки на соц.сети проекта: http://taplink.cc/tpverstak ПРАВИЛА ЧАТА — https://teletype.in/@annblok/BygPgC3E7

Веб-Технологи: UI/UX, Вёрстка, Фронтенд
Веб-Технологи: UI/UX, Вёрстка, Фронтенд
167 участник(ов)

Всё про веб-дизайн и вёрстку. А также: HTML, CSS, флекс и бутстрапы, шаблонизаторы, препроцессоры, методологии, аглифаеры, улучшаторы и обфускаторы. Обсуждаем темы юзабилити, устраиваем А/В тесты лендингов, и проводим аудит.

DTP :: @DTPublish
DTP :: @DTPublish
147 участник(ов)

Обсуждаемые темы: полиграфия, препресс, верстка, дизайн, иллюстрации, скрипты, плагины. Канал - @DTPublishing

css_jobs
css_jobs
26 участник(ов)

Чат для вопросов по css и html: @css_ru Флуд: @css_flood Канал с вакансиями и резюме: @css_jobs_feed

css_флуд
css_флуд
10 участник(ов)