Как уменьшить сборку сайта для планшета на смартфоне?

Question

Я разработал веб-сайт для 1024x768 и использовал следующий видовой экран:

<meta name="viewport" content="width=768, initial-scale=1" />

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

Answer 1

Используйте ширину = ширина устройства для портретной ориентации.В противном случае вы должны использовать медиазапросы для каждого предлагаемого устройства просмотра ширины (для альбомной позиции).