简体繁体 English

jQuery移动导航栏

[英]jquery mobile navbar

原文 2012-10-16 07:32:59 3 1 jquery/ jquery-mobile

navbar in jquery mobile is quick to create a horizontal menu for mobile, here: http://jquerymobile.com/test/docs/toolbars/docs-navbar.html jQuery mobile中的navbar可以快速为移动设备创建水平菜单，请访问以下网址： http : //jquerymobile.com/test/docs/toolbars/docs-navbar.html

The issue I got here once I change from vertical screen to horizontal screen, I see the navbar has a gap at right. 从垂直屏幕更改为水平屏幕后，我遇到的问题是，导航栏在右侧有一个缝隙。 It should has the width is 100%. 它应该具有的宽度是100％。

See the picture below: 见下图： 在此处输入图片说明

Can anyone who know about this issue please help to fix this? 知道此问题的任何人都可以帮助解决此问题吗？

Thanks. 谢谢。

1 个解决方案

By default, if you have 4 tabs in your navigation bar, they will all have a width of 25%. 默认情况下，如果导航栏中有4个选项卡，则它们的宽度均为25％。 But, for example, if your div or device is 102 pixels large, each tab will be 25 pixels width, and there will be a gap of 2 pixels. 但是，例如，如果您的div或设备的大小为102像素，则每个标签页的宽度将为25像素，并且间距为2像素。
I see your screen is 609 pixels width, maybe it comes from here. 我看到您的屏幕宽度为609像素，也许它来自这里。 Try to adjust margin/padding/border so that the whole things is divisible by 4. 尝试调整边距/边距/边框，以使整个内容可以被4整除。