• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

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

VPS Starter Arubacloud
+1 głos
176 wizyt
pytanie zadane 15 stycznia 2021 w HTML i CSS przez Damian Zając Nowicjusz (160 p.)
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

1 odpowiedź

+3 głosów
odpowiedź 15 stycznia 2021 przez ScriptyChris Mędrzec (190,190 p.)
wybrane 16 stycznia 2021 przez Damian Zając
 
Najlepsza

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.

komentarz 16 stycznia 2021 przez VBService Ekspert (251,270 p.)
edycja 16 stycznia 2021 przez VBService
2
komentarz 17 stycznia 2021 przez Damian Zając Nowicjusz (160 p.)

@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 

Podobne pytania

0 głosów
2 odpowiedzi 166 wizyt
0 głosów
0 odpowiedzi 100 wizyt
0 głosów
1 odpowiedź 174 wizyt

92,455 zapytań

141,263 odpowiedzi

319,100 komentarzy

61,854 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...