Max-device-width will only kick in on physical devices with width smaller than 480px. It makes sense though to trigger the responsive layout on any device where the viewport is that narrow, not just ones where the device itself is that narrow. For an example of this in practice, visit barackobama.com on a desktop, resize your browser window and watch the layout change responsively. |
||
---|---|---|
.. | ||
application.css | ||
mobile.css | ||
select2.css |