2014-04-20 19 views
11

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:

  1. Test without scrollbar
  2. Test with scrollbar

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.

+0

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

+0

@Nividim Widziałem to pytanie, ale odpowiedź nie pasuje do moich potrzeb, szukam rozwiązania css. –

+0

@ 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ć. –

Odpowiedz