Wyświetlanie obrazu z siatkówki z czystym css

Mam sytuację, w której nie mogę znać wymiarów obrazu (zastrzeżona ograniczona liczba cms ...)

Muszę dowiedzieć się, jak pokazać obraz na poziomie siatkówki i chcę to zrobić bez użycia javascript (jeśli to możliwe).

Używam:

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

ale to pomogło mi tylko w elementach, które mają obrazy tła. Ponieważ omawiany obraz nie może być obrazem tła (ponieważ nie znam rozmiaru ...) jaki jest sposób na to, aby to zrozumieć?

mamlogo.png ilogo2x.png, a mój odpowiedni znacznik wygląda tak:

<h1 id="logo">
  <a href="/">
    <img src="images/logo.png">
  </a>
</h1>

Czy to możliwe bez javascript? Nie sprzeciwiam się używaniu do tego niestandardowego css - o ile działa z webkit (w tym przypadku ios / iphone). Chcę wyświetlićlogo.png dla zwykłych przeglądarek, alelogo2x.png dla przeglądarek o stosunku pikseli co najmniej 2.

questionAnswers(2)

yourAnswerToTheQuestion