Pracuję nad układem, który wymaga precyzyjnej obsługi zapytań o media. Jednym z moich problemów jest crossbrowser szerokość paska przewijania, ponieważ różni się w zależności od przeglądarek i większość (wszystkie?) Uwzględnia ją w szerokości okna.Zapytania o media i szerokość paska przewijania
Jak widzimy w tych 2 przykładów zapytania multimedialne nie działają w tej samej wielkości okna i bez pionowym pasku przewijania:
W pierwszy przykład, możesz zobaczyć zmianę koloru tła dokładnie na szerokość okna 800/700/600px
.
W drugim przykładów z przewijania kolory zmieniają się:
- Chrome i Firefox:
779/679/579px
- IE:
783/783/583px
To sprawia, że różnica w wysokości do 21px
.
Czy jest praca z pominięciem paska przewijania w zapytaniach o media i skupienie się na dostępnej szerokości.
Jeśli nie w jaki sposób radzisz sobie z tym problemem, czy ustalasz maksymalną szerokość paska scollbar i umieszczasz go w zapytaniach o media?
- UPDATE -
szukam najlepszego rozwiązania z praktyki/CSS jak chciałbym uniknąć JS dla tego projektu.
Jego wygląd przypomina inne zadanie. Wypróbuj to: [http://stackoverflow.com/questions/15976531/dealing-with-scroll-bars-and-jquery-width-method] [1]: http://stackoverflow.com/questions/15976531/do czynienia z paskiem przewijania-i-jquery-width-method – Petroff
@Nividim Widziałem to pytanie, ale odpowiedź nie pasuje do moich potrzeb, szukam rozwiązania css. –
@ web-tiki, moja odpowiedź ci pomogła? jakieś komentarze? nie jest akceptowane, daj mi znać, jeśli coś jest nie tak, spróbuję dodać dodatkowe informacje lub wyjaśnić. –