Проблема с мобильной версией сайта

Здравствуйте подскажите в чем проблема, ни как не могу решить вторые сутки. На сайте установлена тема TwentyTen, решил адаптировать сайт для мобильных следующим образом в хеадере прописал следующие теги

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

и

<link rel="stylesheet" type="text/css" media="screen and (min-width: 980px)" href="<?php bloginfo( ‘stylesheet_url’ ); ?>" />
<link rel="stylesheet" type="text/css" media="screen and (max-width: 980px)" href="<?php bloginfo( ‘template_url’ ); ? /print.css" />

создал print.css в котором прописал для body width 100% в итоге на компьютере сайт показывается нормально, если сжимается окно браузера меньше 980 px, стили меняются согласно print.css, сайт показывается на всю ширину окна. Но если открываем сайт на мобильном он показывается согласно print.css, но ширина сайта равняется половине экрана, если сделать в print.css для body цшввер 200%, то сайт на мобильном будет показываться на всю ширину экрана. В чем проблема не могу понять.

Anonymous
Отправить
Ответ на: