Как добиться горизонтально растягиваемого макета страницы, который работает на настольном и мобильном

0

Я пробовал использовать таблицы, div и другие вещи, но до сих пор постоянно сталкивается с различными проблемами, когда весь рабочий стол просматривается на мобильном устройстве. У меня есть мобильная версия сайта, но у меня все еще есть все функции, которые я хочу встроить там, поэтому у меня есть опция для рабочего стола на рабочем столе, чтобы просмотреть весь сайт. Основные проблемы, с которыми я сталкиваюсь, - это то, что когда я уменьшаю масштаб с сайта, заголовок не растягивается и больше не центрируется. Кроме того, нижний колонтитул не остается в нижней части браузера на мобильном устройстве, как мне бы хотелось. Мой мобильный сайт, который использует JQueryMobile, остается внизу, но не в случае полного рабочего стола. Есть ли у кого-нибудь подобный макет, который они могли бы поделиться, который достигает того, что у меня есть на изображении ниже, с которым я могу начать с нуля?

Изображение 174551

  • 0
    На каком типе Windows Mobile вы тестируете, нужна версия EXACT OS? Есть проблемы с Windows Mobile / Embedded Handheld OS. Браузеры там очень ограничены и имеют возможность перетекать любой макет в соответствии с его «потребностями».
  • 0
    Windows 8 телефон
Теги:
layout
mobile
windows-phone-8

1 ответ

0

Я могу только помочь вам с проблемой нижнего колонтитула, работающей с мобильным устройством jQuery. Для меня было два решения:

1.

        <footer data-role="footer" style="position: absolute; bottom: 0; width: 100%">
            <!--footer goes just here-->
            <h1>Page Footer</h1>
        </footer>

2.

        <footer data-role="footer" data-position="fixed">
            <!--footer goes just here-->
            <!--footer will allways be displayed-->
            <h1>Page Footer</h1>
        </footer>
Поделиться

Ещё вопросы

Сообщество Overcoder
Наверх
Меню