Olá.
Nos cursos de HTML e CSS que tenho feito aqui, vejo falar muito sobre criar sites responsivos, onde a gente usa as Media queries para diferentes tamanhos de tela. Sei que podemos criar várias media queries de acordo com as proporções que queremos para celulares, tablets e desktops. Por exemplo, vi em um site os seguintes breakpoints:
320px — 480px: dispositivos móveis 481px — 768px: iPads, tablets 769px — 1024px: telas pequenas, laptops 1025px — 1200px: desktops, telas grandes 1201px e acima — telas muito grandes, TVs
A minha dúvida é a seguinte: Nas configurações do meu smartphone, mostra que meu celular tem uma largura de 1080px. Então quando eu abrir o site que criei no meu celular, ele irá carregar as configurações do desktop, já que a largura está naquele range? Eu não consegui entender como que meu celular vai carregar a media query dos dispositivos móveis (320px — 480px), já que a largura dele é bem mais que isso.
