Я только начал работать над мобильным приложением jquery, и у меня возникли проблемы с в строке заголовка при использовании ссылок.

  

    this is long text
    
page title
  

Проблема в том, что обратная ссылка часто перекрывает заголовок, если один или оба из них немного длинны. Очевидно, это происходит только при просмотре на мобильном устройстве с меньшим экраном (по сравнению с iPad) или когда я сжимаю свой тестовый браузер. Но он выглядит хорошо при тестировании в более широких браузерах. Есть ли какой-либо встроенный способ jquery, чтобы это работало? Либо путем уменьшения размера текста, либо автоматического усечения текста в зависимости от ширины? Я могу сам усечь текст но тогда это выглядит глупо при просмотре в более широком браузере (или в ландшафтном режиме), и ссылки обрезаются без причины.

Любая помощь будет отличной. Спасибо!

ОБНОВЛЕНИЕ:

Вы можете проверить это, перейдя на http://jquerymobile.com/demos/1.0a4.1/#docs/toolbars/docs-headers.html

Используйте firebug / Inspector чтобы сделать текст в любой из ссылок на панели инструментов длиннее и наблюдать, как они перекрывают свои заголовки, когда ширина браузера меньше.