CSS - @media

Nindzia
  • Rejestracja: dni
  • Ostatnio: dni
  • 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?

Freja Draco
  • Rejestracja: dni
  • Ostatnio: dni
  • 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.

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.