Zapytania o media CSS i szerokość elementów

Question

Czy szerokość określona w zapytaniach o media odpowiada rozmiarowi ekranu tworzenia lub jest to szerokość wewnętrzna przeglądarki w urządzeniu mobilnym.

Jeśli określę szerokość elementu taką samą jak min-width zdefiniowaną w zapytaniu o media, czy poziomy pasek przewijania pojawi się w pewnym momencie?

Na przykład:

@media screen and (min-width: 460px) and (max-width: 800px){ 

    .wrapper{ 
     width: 460px; 
    } 
} 

Jeśli nie jest to poprawne, jaka powinna być maksymalna szerokość .wrapper w celu uniknięcia paska przewijania?

Answer 1

Według szerokość w3c w zapytaniami mediów jest

„szerokość” funkcja mediów opisuje szerokość docelowej wyświetlacz obszarze urządzenia wyjściowego.

Dla ekranu będzie to szerokość okna przeglądarki.

Możesz użyć funkcji device-width, aby dostosować swój znacznik do ekranu urządzenia.

specyfikacji W3C: http://www.w3.org/TR/css3-mediaqueries/#width