Изменить высоту кнопок нижнего колонтитула jQuery Mobile - PullRequest
Новая
       10

Изменить высоту кнопок нижнего колонтитула jQuery Mobile

0 голосов
/ 05 сентября 2018

Сценарий:

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

Todo:

  • Я хочу, чтобы кнопки были на 7,5% в высоту от дно, но каждый раз, когда я пытаюсь изменить его, он оставляет серое пространство под кнопками, и они остаются на одной высоте.

Код: 

<!-- FOOTER -->
        <div data-role="footer" data-id="footer" data-position="fixed" style="height: 7.5%;">
            <div data-role="navbar" style="height: 7.5%">
                <ul>
                    <li><a href="#page1">Search</a></li>
                    <li><a href="#page2">Planner</a></li>
                    <li><a href="#page3">Jobs</a></li>
                </ul>
            </div><!-- /navbar -->
        </div><!-- /footer -->

At the bottom, the grey gap can be seen

1 Ответ

0 голосов
/ 05 сентября 2018

Чтобы убедиться, что это 7,5% области просмотра, вы можете использовать 7.5vh. 

<div data-role="footer" data-id="footer" data-position="fixed" style="height: 7.5vh;">
  <div data-role="navbar" style="height: 100%">
    <ul>
      <li><a href="#page1">Search</a></li>
      <li><a href="#page2">Planner</a></li>
      <li><a href="#page3">Jobs</a></li>
    </ul>
  </div><!-- /navbar -->
</div>

Что-то в этом роде.

...