Высокое качество изображений с помощью CSS

Question

iPhone 4.0 имеет дисплей сетчатки, вы можете обновить веб-изображения с помощью свойства background-size CSS3. Еще не все браузеры поддерживают CSS3 (особенно IE), к счастью, у нас есть следующий код, чтобы помочь нам:

@media only screen and (-webkit-min-device-pixel-ratio:2) { }

Но хотя этот код казался достаточным для его цели, это не так. Я хотел бы заявление, такое как:

IF BROWSER SUPPORTS BACKGROUND-SIZE THEN { ... } (in CSS)

Почему ты спрашиваешь? Что ж, Samsung Galaxy S может показывать действительно четкие изображения с фоновым размером, но не имеет пиксельного отношения 2,0 для запуска CSS.

Кто-нибудь может мне помочь?

Answer 1

Рабочая группа CSS W3C обсуждает добавление запросов к функциям в CSS .Предложение заключается в следующем синтаксисе:

@supports ( background-size ) {
  ...
}

Однако, даже если он будет принят, пройдет несколько лет, прежде чем эти предложения достигнут браузеров.Сейчас вам лучше с модернизированным подходом, описанным Тимом.

Answer 2

Я думаю, что вы ищете библиотеку, такую ​​как modernizr :) Modernizr позволяет определять, поддерживает ли клиент новые функции (особенно css3) или нет.

С помощью простого CSS вы можете различать браузери адаптируйте свой код.

Вот часть, которая вам нужна: http://www.modernizr.com/docs/#backgroundsize

О, также, спасибо за ваши советы сетчатки;)