iphone portrait mode doesn't work

I started building a Skeleton base theme for Drupal before I knew this theme existed. I just found a major issue with mobile devices not adhering to my media queries and found this issue while searching for a solution.

I traced the issue back to a meta tag that is not being printed that needs to be. Here is the meta tag:

<meta name="viewport" content="width=device-width,initial-scale=1.0">

This tag fixed my issue, and may fix the issue found here as well.

I am adding it through my theme's template.php in the following manner:

function skeletontheme_html_head_alter(&$head_elements) {
  $head_elements['system_meta_content_type']['#attributes'] = array(
    'charset' => 'utf-8',
	'name' => 'viewport',
	'content' => 'width=device-width,initial-scale=1.0',
  );
}

I have modified the code so that this will work with this Skeleton contrib theme here.