How do breakpoints work on modern high resolution devices?
问题 Modern phones and tablets have very high resolutions. My Galaxy S7 Edge, for example, has a resolution of 1440 x 2560 pixels. Common breakpoints for mobile devices seems to be around 768 pixels, such as in bootstrap. Example from bootstrap.css: @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1170px; } } How is it that my phone displays the "responsive" version of websites