Вопрос по html, css, retina-display – как получить готовую сетчатку? [закрыто]

2

что мне нужно сделать, чтобы мои веб-приложения / сайты были готовы к работе с сетчаткой (на iPhone4 и iPad3), когда дело доходит до

роликикартинкишрифтыцвета ?

Я ищу контрольный список здесь.

Надо гуглить об этом, а не спрашивать. Есть бесчисленные посты в блоге по этому вопросу ... здесь нечего добавить. vsync
1. Купите новый iPad 2. Загрузите приложение или веб-страницу в Safari на новый iPad 3. Проанализируйте ... То, что я получаю, без устройства, это действительно сложно проверить. Michael Rice

Ваш Ответ

3   ответа
0

для изображения:

<script>if(window.devicePixelRatio>1)document.getElementsByTagName("img")[0].src="retina.png"</script>

для фона:

<style>
  @media screen and (-moz-min-device-pixel-ratio: 2),
    screen and (-o-min-device-pixel-ratio: 2/1), 
    screen and (-webkit-min-device-pixel-ratio: 2), 
    screen and (min-device-pixel-ratio: 2){

      h1{background-image:url(retina.png)}

  }
</style>
1

clear_eyes gem для автоматической обработки изображений сетчатки.

Цвета и шрифты не будут нуждаться в корректировке. Например, кнопка CSS не требует каких-либо настроек, только изображения и, возможно, видео.

Вот очень хорошая блок-схема из шагов, необходимых для полной настройки вашего сайта, хотя я рекомендую использовать гем для изображений, если вы находитесь на Rails.

1

Smashing Magazine: на пути к сетчатке (в основном про графику)

Похожие вопросы