Zbugowany 'toggle device toolbar'

Zbugowany 'toggle device toolbar'
N1
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 5
1

Mam dosyć dziwny problem, robię sobie stronę (w vue, ale nie wiem czy to ma jakieś znaczenie). Obecnie wszytko styluję, zrobiłem sobie sticky header. No i wszystko śmiga idealnie... do czasu aż wlączę opcję 'toggle device toolbar' w dev toolsach na chromie. Tutaj dzieją się cuda. Sticky header nie działa (tzn w dół się nie rusza, a jak scrolluję z powrotem do góry, to od pewnego momentu się pojawia), do tego przeglądarka nie umie w tym trybie resizować strony poprawnie, cały element html jest raz zbyt duży względem "okienka" które widzimy a raz zbyt mały. Włączyłem firefox i tutaj resize już działa poprawnie, ale sticky header dalej leży. Tak jak pisałem - normalnie na obu przeglądarkach wszystko działa perfekcyjnie, jak zmniejszam okienko najbardziej jak się da, to też.

Pytania:
Ktoś się spotkał z czymś takim? Bo w necie żadnych sensownych wątków nie umiałem znaleźć?
Myślicie, że finalnie na telefonie wszystko będzie ok? Bo wygląda jakby sam ten tryb z jakiegoś powodu był skopany.

Xarviel
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 847
0

Nigdy nie korzystam z tej opcji do stylowania, wolę ustawić devtoolsy z prawej strony i rozciągnąć je na tyle aby samemu "zasymulować" tryb mobilny.

Jeśli przy rozwijaniu menu korzystasz z jednostki vh to w niektórych przeglądarkach mobilnych podczas przewijania może być kolejny problem.

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.