На что должен быть установлен видовой экран для страниц разных размеров?

Question

У меня есть страница с шириной тела 1050 пикселей. Если мне нужно небольшое пространство по обеим сторонам страницы (в альбомной ориентации), чтобы это выглядело забавно, что я должен установить для метатега viewport?

<meta name="viewport" content="width=1100"/>
  .

вышеупомянутое не имеет желаемого эффекта для меня.

И в то время как я нахожусь в этом, каким будет область просмотра для портретного представления? Или это не имеет значения? (Я знаю, как изменить значения области просмотра при обнаружении изменения ориентации ... но по какой-то причине я никогда не смогу получить его, поэтому глупый эффект изменения размера отменяется).

И в то время как мы задаем вопросы, может кто-то просто представить, каким должен быть видовой экран для ipad, для следующего абсолютно случайного и никак не связанного с тем, что я делаю размеры?

ширина страницы:

300px
500px
1000px
1050px
1350px
1800px

ура!

Answer 1

Прежде всего, не рекомендуется устанавливать фиксированную ширину области просмотра ... Лучше всего установить ее на ширину устройства следующим образом

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

Если вы нацеливаетесь на несколько устройств, лучше использовать макет на основе%, а не фиксированные значения px, чтобы ваша страница масштабировалась в соответствии с окном просмотра устройства.

iPhone и iPad по умолчанию имеют ширину области просмотра 980 пикселей. Так что, если вы укажете ширину своего тела 100% или скажем 90% и используете функцию выравнивания в качестве центра, ваша страница будет занимать около 880 пикселей с выравниванием по центру.