Its because most mobile devices render the page at desktop size by default and then shrink it. If you add this to the top of the file it'll tell them to use their default size:
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />