Я хотел бы подтвердить, что это не только CSS.А на странице http://html5boilerplate.com/mobile/ есть несколько больше параметров, чем просто css.
Основная идея заключается в том, что ваша страница должна быть вмещаться в размер 320 пикселей или ширину 200 пикселей.
Во-вторых, эти метатеги имеют решающее значение для правильного просмотра страницы на мобильном телефоне
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Эти метки говорят мобильному устройству, какой размер вы хотите показать, если он не найденмобильный телефон отображает его как браузер шириной 640 или 800, и вы получаете слишком маленький текст и изображения.
Поэтому, на мой взгляд, сначала установите эти теги, а затем исправьте страницу и посмотрите, как она выглядит на мобильном устройстве.