jQueryMobile: кнопка на заголовке имеет половину высоты

Question

Я поместил кнопку в заголовок страницы, и она отображает половину высоты.Кроме того, справа есть разрыв по ширине.

Я использовал довольно простой синтаксис jQueryMobel.

URL: http://sandapps.com/Data/Mobile_Energy_Oil_Gas_Pertroleum_Coal_Solar_Wind.aspx

На iPhone 4S:

Answer 1

Вы должны иметь возможность создавать кнопки без текста, используя фреймворк jQuery Mobile и не взламывая CSS фреймворка. Я делаю это часто, и у меня их не было так, как у вас. Для значков без текста, я полагаю, вы должны объявить: data-iconpos="notext" в качестве атрибута для тега привязки:

<div data-role="header">
    <h1>...</h1>
    <a href="#" data-iconpos="notext" data-icon="home">Some Text That Won't Display</a>
</div>

Источник: http://jquerymobile.com/test/docs/buttons/buttons-icons.html

Вот демонстрационная программа, использующая тот же код <a>, что и выше: http://jsfiddle.net/3njz7/

Также обратите внимание, что в теге привязки может быть текст, если для атрибута data-iconpos установлено значение notext.

Answer 2

Укажите высоту промежутка, который вы использовали для отображения кнопки «Домой».10px высота работает нормально, попробуйте с этим.

Я не вижу пробелов с правой стороны.

Answer 3

Попробуйте это:

data-iconshadow="false" data-iconpos="notext" 

Answer 4

Добавить пробел к тексту кнопки.http://screencast.com/t/rJ40PGjn42