2013-09-16 2 views
0

Я только что закончил свой сайт, и у меня возникла проблема, когда я открываю его на мобильном устройстве (я тестировал iPad 2). Проблема в том, что контейнер, содержащий каждый элемент, не выравнивается по центру страницы, он немного слева. Вторая проблема заключается в том, что я установил, что фон не повторяется, но он не работает на мобильном устройстве.Элемент не будет центрироваться при отображении на мобильном устройстве, и фон не будет исправлен

Обратите внимание, что на ПК все нормально. Проблемы возникают только в мобильном устройстве.

Я не знаю, как разместить весь код здесь, так что я даю вам этот URL, который получает вас через мой сайт

http://flourishtech.freevar.com/

Пожалуйста, откройте его в мобильном устройстве, чтобы увидеть проблему.

+0

Этот сайт не отвечает. У вашего нижнего колонтитула установлен 'min-width: 1100px'. вам нужно работать в процентах и ​​медиа-запросах, чтобы они реагировали. – Vector

ответ

0

Фоновая проблема: ваш веб-сайт, хотя работает на мобильных устройствах, не реагирует, поэтому сафари показывают весь веб-сайт в окне. Это создает проблему, потому что фон слишком мал, и он не подходит для всей страницы. Быстрое решение состоит в том, чтобы получить фон, который полностью соответствует высоте, или сделать сайт отзывчивым.

For centering the website on ios, check this post.

Смежные вопросы