Problem z testowaniem na małym ekranie

Question

Mam wykonanych kilka stron internetowych. Na razie testuję je w XAMPP. Chciałbym zobaczyć jak wyświetlają się na małym ekranie telefonu. Mam ustawione zapytanie o media:
 

<link href="css/styles_szeroki.css" type="text/css" rel="stylesheet" media="(min-width: 601px)">  

<link href="css/styles_waski.css"   type="text/css" rel="stylesheet" media="(max-width: 600px)">

Korzystam z symulatorów małych ekranów w Firefox (kombinacja Carl+Shift+M) oraz Chrome (Więcej Narzędzi-> Narzędzia dla deweloperów). Niestety strona pojawia się na małym ekranie symulującym telefon ale wygląda na to, że szerokość ekranu nadal jest odczytywania jako szerszy niż 600px i reguły css dla wąskiego ekranu nie działają. Czy ktoś z miał podobny problem i znalazł rozwiązanie?

Answer 1

A czy masz ustawiony viewport?

<meta name="viewport" content="width=device-width,initial-scale=1">

 

Comments

Ustawiłem viewport i zapracowało. Dziękuję!