Body nie ma 100% szerokości na symulacji urządzenia mobilnego Chrome.

0

Witam,
tworzę stronę internetową i natknąłem się na pewien problem. Otóż kiedy zmniejszam rozmiary strony używając widoku mobilnego Chrome, część strony mimo, że ma width na 100% to zajmuje około pół ekranu. Dodatkowo w inspektorze elementów po najechaniu na body, okazuje się, że navbar który ma position fixed, nie znajduje się w nim i zajmuje 100% szerokości ekranu. Sam HTML nie ma również 100% szerokości.
Czytałem ten wpis, ale nie rozwiązuje on mojego problemu.

EDIT: Mój problem rozwiązuje min-width: fit-content; na body. Czy to dobre rozwiązanie?

0

@Gouda105: Znalazłem rozwiązanie - jeden z elementów miał ustawioną szerokość na 300px. Kiedy zmieniłem to na max-width 300px, width: 90vw, problem zniknął

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.