CSS - @media

CSS - @media
Nindzia
Nindzia
Nindzia
Nindzia
  • Rejestracja:prawie 7 lat
  • Ostatnio:ponad 3 lata
  • Postów:255
0

Cześć, chcę, żeby moja strona była responsywna, dodaję @media, jednak spotkałem się z wieloma formami zapisu. Jaka jest różnica pomiędzy zapisami

Kopiuj
@media (min-width: 375px)

a

Kopiuj
@media only screen (min-device-width: 375px)

Którą używać i dlaczego, jaka jest różnica?

Udostępnij
Kopiuj link do postu Kopiuj link do postu jako Markdown
Komentuj
Freja Draco
Freja Draco
Freja Draco
Freja Draco
  • Rejestracja:około 7 lat
  • Ostatnio:ponad 3 lata
  • Postów:3394
2

https://www.w3schools.com/cssref/css3_pr_mediaquery.asp
only screen mówi, że reguła ma zastosowanie tylko odnośnie ekranów.
Czyli można np. zrobić osobne reguły dla drukarki albo czytnika ekranowego, ale w praktyce nigdy tego nie testowałam.

Nindzia
Czyli to jest całkowicie w prządku, jeśli w projekcie korzystam z notacji @media (min-width: 375px) ?
Freja Draco
Freja Draco
To pewnie zależy od strony i oczekiwanego efektu. Jeśli masz czarną stronę z białymi literkami, to wypadałoby dla wydruku osobny zespół reguł zrobić.
Udostępnij
Kopiuj link do postu Kopiuj link do postu jako Markdown
Komentuj

Zarejestruj się i dołącz do największej społeczności programistów w Polsce.

Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.

Utwórz konto