Exclude Mobile Devices?

[cameronbraun]

First post on GitHub ever, go easy on me. Is there any easy way to include support for iPads, Macs and larger devices, while EXCLUDING small mobile devices like phones? I have a photography website, and my @2x files are huge. Everything is already high enough resolution for smaller screens. I'd love to avoid the bandwidth strain on small devices, which are likely the site visiting on a cell connection rather than WiFi.

Is it relatively straightforward to simply not allow image replacement on smaller mobile screens?

[cameronbraun]

Turns out that just adding the lines

if (root.screen.width < 480)
return false;

did the trick.

[taylorsmith]

That's a good question. We strive to keep configuration to a minimum so am not sure how we'd gracefully add this solution. I think your solution should work fine if you're okay doing that. Alternatively, there may be a way to integrate with something like enquire.js.