Проблемы с мобильным веб-сайтом (пробелы и масштабирование)

Question

Здравствуйте, я пытаюсь сделать мой сайт хорошим на мобильном телефоне, как на компьютере, но я столкнулся с несколькими проблемами. Во-первых, когда вы доступ к своему сайту на мобильный или планшетного устройства он приходит очень дополненное и увеличено.

http://www.questdesign.com.au

Есть в любом случае, чтобы сделать его начать масштаб изображения, так что вы получите, чтобы увидеть все содержимое и пользователи могут увеличивать масштаб, если они предпочитают.

Вторая проблема - это свободное пространство, которое вы можете увидеть в нижней части страницы. Я просмотрел всю кодировку и не вижу, что я сделал неправильно.

Мой КСС ниже,

http://questdesign.com.au/templates/protostar/css/template.css

Спасибо за любую помощь или посоветуйте.

Answer 1

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

Щелкните правой кнопкой мыши элемент контроля, слева на углу стороны вы увидите значок в виде телефона, нажмите на него, это отобразит ваш сайт, как он будет выглядеть на вашем телефоне или планшете, используйте это с вашими медиа-запросами.

Надеюсь, что это поможет