2016-03-11 8 views
0

Я не часто работаю на дисплеях с высоким разрешением, так как большинство моих клиентов, как правило, работают со старейшими машинами, известными человеку, однако в настоящее время я работаю над тем, что будет отображаться только на сетчатые дисплеи iPads. Графика была изделена над дизайном, который они хотят с разрешением сетчатки (2,048 на 1,536), и я строил свой сайт на основе размеров в графике. Однако теперь я на самом деле пытаюсь просмотреть его на iPad, все слишком велико, мой заголовок 260px, который, как я предполагал, займет 6-ю страницу (ish), ближе к этому.Размер HTML для отображения сетчатки

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

+0

@AndyHolmes, но это то, что я имею в виду, я использую размеры из графика, который был издевались до разрешения сетчатки глаза, и мой заголовок, что это 260px высокий на моем мониторе, который фактически составляет около 6-й высоты разрешения сетчатки, намного больше этого. –

+0

Итак, какой размер является графикой? –

+0

Плотность пикселей, а не двойная высота, насколько мне известно –

ответ

1

Я считаю, что лучший способ достичь этого - использовать CSS там, где это возможно, и построить свой сайт по адресу 1024x768, используя графику @2x для устройств сетчатки.

Простое руководство по использованию этих идей можно найти здесь - http://www.kylejlarson.com/blog/2012/creating-retina-images-for-your-website/

+0

. Я думаю, что это действительно ответ, который нужно искать, что разрешение на самом деле 1024x768, но с двойной плотностью, что означает что теперь я уменьшил наполовину высоту своего заголовка, это действительно правильная пропорция к моему макету image –

+0

Отлично, рад, что это помогло :) –