HTML CSS - Czy istnieje możliwość zablokowania obrazu dla urządzeń mobilnych pozostawiając go w wersji dla komputerów?

Question

Cześć,
Pytanie jak w temacie - jako laik i samouk.
Na mojej stronie HTML jako background mam obrazek pasujący do dużych rozdzielczości aczkolwiek kiedy odpalam stronę na telefonie wygląda to przynajmniej źle, czy jest jakaś komenda która pozwala mu się ładować od minimalnej rozdzielczości wyświetlacza.?

Strona jest responsywna napisana w HTML z CSS.
Z góry dzięki za pomoc

Answer 1

Ukryć obrazek dla konkretnych rozdzielczości przy użyciu media queries. Możesz też ustalić za pomocą atrybutów srcset i sizes, dla których reguł (w Twoim przypadku rozdzielczości) ma się załadować obrazek o jakich wymiarach - wtedy np. na dużym ekranie załaduje się obrazek w 1080p, a na mobilce w 480p.

Comments

Zastosowanie Media Queries - inne przykłady 

How to Use HTML5 “picture”, “srcset”, and “sizes” for Responsive Images

---

@ScriptyChris, Dzięki, dokładnie o coś takiego jak media queries mi chodziło.
Teraz wyświetla się kiedy chcę ;) 
Użyłem tego kodu: 
@media screen and (max-width: 1200px) {
  div.example {
    display: none;

 }
}

Temat do zamknięcia - dzięki