jquery - jqueryモバイルナビゲーションバー

Question

jquery mobile の navbar を使用すると、モバイル用の水平メニューをすばやく作成できます: http://jquerymobile.com/test/docs/toolbars/docs-navbar.html

縦画面から横画面に切り替えたときにここで発生した問題は、ナビゲーションバーの右側にギャップがあることがわかります。幅が 100% である必要があります。

下の図を参照してください。

この問題について知っている人は、これを修正するのを手伝ってもらえますか?

ありがとう。

Answer 1

デフォルトでは、ナビゲーション バーに 4 つのタブがある場合、すべての幅が 25% になります。ただし、たとえば、div またはデバイスのサイズが 102 ピクセルの場合、各タブの幅は 25 ピクセルになり、2 ピクセルのギャップが生じます。
あなたの画面の幅は 609 ピクセルです。おそらくここから来ているのでしょう。全体が 4 で割り切れるように、margin/padding/border を調整してみてください。