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.