Есть макет 750px в ширину, как его верстать под iphone?

Question

[MartinBomer]

Дали макет в ширину 750 пикселей, такое разрешение у iphone 6. Но ведь iphone отображает разрешение в браузере в 2 раза меньше, то есть 375 x ...
Как мне поступить? Уменьшить размер макета и верстать?

Разъясню
Сверстать нужно 1 в 1 с макетом. Он ведь и нарисован для iphone.
Элементы получаются большими и не вмещаются в отведенные 375px
Мне нужно макет уменьшить в 2 раза и так верстать?

Answer 1

[Дмитрий Пыткин]

Сделайте макет адаптивным под 3 разрешения с использованием media-queries, что-бы можно было просматривать в том числе на "старых моделях" с разрешением в 320px, 640px и 750px (www.iphoneresolution.com). Но перед этим желательно проконсультироваться с заказчиком, что-бы не делать лишнюю работу или если и делать, что-бы это было оплачено.

Или можете воспользоваться старым добрым масштабированием при этом сверстав только макет шириной в 750px, задав метатэг:

<meta name="viewport" content="width=750px, initial-scale=1">