Есть ли особые правила стилей под Ретину?

Question

[Nikita Shchypylov]

Привет

У меня есть блок, который адекватно смотрится как в Мозилле, так и в Хроме на FullHd экране. Когда смотрю его на маке с Ретиной, то там появляется какой то отступ справа. Почему?
Код:

.info {
			//background: url("../img/contcts.png") no-repeat scroll;
			width: 24.2%;
			display: block;
			background: $black;
			position: relative;
			flex: 1 1 0;
			margin-right: 10px;
}

<div class="info f_left">
				<div class="info-wrap">
					<h3 class="f_left">Украина</h3>

					<p class="f_left">ул. Артема, 80
						</p>
					<a href="mailto:">
						<p class="f_left">mail</p>
					</a>
					<a href="tel:+">
						<span class="f_left telephone">+38 </span>
					</a>
				</div>
			</div>

Answer 1

[Денис Инешин]

При отрисовке браузерами все вычисленные размеры округляются под размер пиксельной сетки браузера. На ретине пиксельная сетка в 2 раза мельче, так что и округление будет чуть более точным, в вашем случае излишне точным.

Возможно проблем в размере: width: 24.2%; и его округлении после того как браузер пересчитает проценты в пиксели, но более точно ответить нельзя, так как не видно результата или хотя бы скриншота.

В любом случае, вот полезное чтиво на эту тему: Руководство для дизайнера по DPI

Comments

[Nikita Shchypylov]

Спасибо. А есть какой то тест в интернете?Например, я ввожу ссылку и мне показывается сайт "как на ретине"?

[Денис Инешин]

Nikita Schipilov: увы, чтобы познать ретину, нужен экран с ретиной. Вполне подойдет любой современный планшет.

[Nikita Shchypylov]

Денис Инешин: Дома Ретина(
А в хроме "режим отображения"?Там можно выбрать Air 2?

[Денис Инешин]

Nikita Schipilov: там выберите множитель выше 1 и вот вам и эмуляция ретины.