Oh shoot, agh! I was messing around with rendering different content-types based on mobile/desktop -- to prevent text-wrapping on mobile phones. The index.html case slipped through my mind. I need to write some solid tests.
Just serve html and use the viewport meta tag with width=device-width. Don't serve mobile devices plain text as they'll render at whatever their default viewport width is set to, 980px for Safari on iOS, which makes the text super annoying to read.
Desktop browsers ignore the viewport tag and mobile browsers respect it. The page is rendered how you want everywhere for little effort.
