2015-07-27 5 views
1

высота панели инструментов в моем проекте как-то не так. Я попробовал много возможностей, вернулся к index.html, который не имел ничего, кроме панели инструментов. И даже тогда он имеет эту неправильную высоту:Высота панели инструментов jQuery Mobile

Screenshot

Высота должна быть такой же, как кнопка - но это не так. На css или js jQuery mobile ничего не изменилось, просто загрузили и импортировали.

Любая идея, почему это выглядит так? Он не динамический, кажется, что это жестко закодированная высота. Изменение высоты панели инструментов в CSS приводит к неправильному расположению текста.

+1

Не могли бы вы поделиться скрипкой, которая поможет нам помочь вам? В противном случае вы пытались ** проверить ** эту навигацию в браузере, чтобы посмотреть, какой стиль ее переопределяет? –

+0

Здесь вы идете: https://jsfiddle.net/k4502jLq/ ничего, кроме панели инструментов, и она уже с ложной высотой. –

ответ

1

ОК, jQuery UI фактически генерирует в заголовке &nbsp. Вот почему у вас есть все это «лишнее» пространство.

Как объяснено, here, вы должны удалить пробелы между тегами, и все они будут отображаться правильно.

https://jsfiddle.net/k4502jLq/1/

Кроме того, если вы используете Sublime Text, вы должны взглянуть на Trailing Spaces, который снимает все такого рода «не нужных» пространств автоматически при сохранении вы подаете. Очень полезно.

+0

Спасибо, что решил! –

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