Media Query

0
@media (min-width: 1600px) {
   .slider > a:hover {
      color: white;
      background-color: red;
   }
}

Na 1600 nic się nie dzieje. Dopiero jak dam 1500 to kod się wykona. Tylko dlaczego? skoro moja rozdzielczość ekranu to 1920x1080.

0

o czym ty mówisz? to jest ustawione że od 1600px ma się ten styl wykonać. Aby zobaczyć ile aktualnie ekran ma pikseli włącz f12 i włącz tryb mobile.I tam będzie widać w prawym górnym rogu okna (w chrome).

0

Sprawdziłem na stronie https://www.mydevice.io/ swoją rodzielczość - 1536px. tylko dlaczego? Skoro mam 1920x1080.

1

Sprawdź czy nie masz czasem włączonego powiększenia ekranu w systemie.

0

Faktycznie miałem włączone skalowanie 125%. Po ustawieniu na 100% wykryta rozdzielczość 1920x1080.
To jeszcze jedno pytanie - po włączeniu narzędzia DevTools w Chrome i przejściu w tryb mobilny ustawiłem sobie rozdzielczość 1920x1080 i zoom ustawiłem na 75%. Czy ten zoom odpowiada tylko za wyświetlany obszar roboczy czy wpływa też na elementy, czcionki na mojej stronie i zmniejsza je do 75%?

0

Z tego co się orientuje jest to tylko wizualny zoom.

0

Ktoś jeszcze potwierdzi?

1

potwierdzam

0

Tak, tamten zoom jest tylko po to żeby móc np. zobaczyć cały obszar w mniejszym oknie.
A poza skalowaniem systemu to na wielkość obszaru roboczego ma też np. szerokość paska przewijania. Bo liczy się tylko ten obszar, który wyświetla stronę, a nie rozdzielczość ekranu w komputerze.

0

I jak sobie radzicie z takim obszarem jak właśnie pasek przewijania, górna belka przeglądarki... w DevTools tego nie ma.

1 użytkowników online, w tym zalogowanych: 0, gości: 1, botów: 0