Media Queries - co i jak?

0

Właściwie moja prośba jest taka, żeby ktoś mi w jakimś skrócie wyjaśnił jak to działa? Na początku myślałem, że komórki podchodzą pod "handheld" to zrobiłem osobnego .cssa testowego pod właśnie handheld. Moja domyślna przeglądarka w Samsungu i tak pokazywała wersje na "screen". To postanowiłem zrobić warunek, że wersja przeznaczona na większe ekrany korzysta z .cssa, jeśli minimalna szerokość to 800px, a wysokość 600, a jak nie spełnia wymagań to ładuje tego cssa testowego dla urządzeń o mniejszych wymiarach ekranu. Przeglądarka w samsungu dalej otwiera wersje pierwszą. Ściągnąłem mini Opere, tu akurat wszystko dobrze, pojawia się napis informujący o tym, że póki co wersja na komórki nie działa. I piszę tutaj z taką właśnie wielką prośbą, aby ktoś mi wytłumaczył co robię źle, bo ja już nie wiem jak mam poustawiać te media queries, żeby każda przeglądarka mobilna łapała tego cssa drugiego.

Strona jest dostępna tutaj: www.wojciechmoska.za.pl

Tak wygląda linkowanie cssów (wiem, że nie wygląda to jakoś bardzo mądrze, ale to ostatnia myśl na jaką wpadłem i już nic innego mi nie przyszło do głowy jak to rozwiązać). Dlatego właśnie piszę tutaj.

<link href="main.css" media="all and (min-width: 800px) and (min-height: 600px)" rel="stylesheet" type="text/css">
<link href="index.css" media="all and (min-width: 800px) and (min-height: 600px)" rel="stylesheet" type="text/css">
<link href="mobile_main.css" media="all and (max-width: 799px)" rel="stylesheet" type="text/css">
<link href="mobile_index.css" media="all and (max-width: 799px)" rel="stylesheet" type="text/css">

Nawet nie proszę koniecznie o rozwiązanie mojego problemu, tylko wyjaśnienie czy w przypadku przeglądarek mobilnych też "każda sobie rzepkę skrobie" i inaczej to odbiera czy ja coś źle robie (a na pewno coś źle robie).

Jeśli cokolwiek komuś na komputerze stacjonarnym czy laptopie też się źle robi to też proszę o informację. Z tego co wiem to zoom zdjęć na niższych IE coś tam nie ogarnia i animacje nie działają poniżej IE10.

0

tylko wyjaśnienie czy w przypadku przeglądarek mobilnych też "każda sobie rzepkę skrobie"

tak,

być może to samsungowe domyślne nie obsługuje media queries w ogóle?

0

przeglądarki mobilne renderują stronę w wyższej rozdzielczości a potem skalują w dół
stąd szerokość i wysokość widziana z punktu javascript i css jest więszka

musisz ustawić viewport żeby określić skalowanie

poza tym nowsze "samsungi" mają większą rozdzielczość niż 800x600

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