Как мне исправить мой сайт, чтобы он работал на мобильных устройствах?

Question

Я пытаюсь изменить размер моего веб-сайта на портативных устройствах, но по какой-то причине он не отвечает на таблицу стилей. Если вы посмотрите здесь: отзывчивую ссылку дизайна и поместите www.sofiamillares.com в качестве теста сайта, верхние строки обрезаются, и все выглядит очень большим.

Может кто-нибудь, пожалуйста, объясните мне, почему он это делает, и какой самый простой способ это исправить?

Answer 1

Как предполагает Джейсон, создание конкретной версии вашего сайта для мобильных устройств обычно является лучшим решением. Затем вы можете проверить строку user-agent на наличие таких фраз, как «android» и «iphone», и перенаправить пользователя на свой мобильный сайт. Существуют библиотеки, доступные для JavaScript, а также многие серверные среды программирования (PHP, ASPX и т. Д.), Которые выполняют все виды обнаружения браузеров.

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

Answer 2

Это происходит потому, что ваш дизайн не совсем плавный.

Только ваш container div будет корректироваться с шириной (немного)

Чтобы исправить это быстро, вы можете

1. задайте ваши div s значения ширины в процентах, чтобы они масштабировались с разрешением экрана

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

3. рассмотрите возможность использования медиа-запросов или обнаружения некоторых устройств js для нацеливания на мобильные устройства и отправки им измененной таблицы стилей CSS.

Получите некоторые идеиздесь: http://mediaqueri.es/