jquery mobile中的全宽滑块？

我有一个简单的jquery移动站点，其中包括几个按钮和一个滑块。按钮向外伸展以填充整个水平空间，但滑块没有。感觉很笨重。有没有办法哄骗jquery移动滑块来填充整个水平空间

<div data-role="page">
    <div data-role="header">
        <h1>header</h1>
    </div>
    <div data-role="content"></div>
    <div data-role="content" data-position="fixed" data-theme="a">
        <form>
           <input type="range" name="slider" id="slider-0" value="50" min="0" max="100"/>
        </form>
       <a id="button-1" href="#" data-role="button">Button</a>
       <a id="button-2" href="#" data-role="button">Button</a>
    </div>
</div>

标题

---

旁注：此代码包括两个数据为role=“content”的div。那会给我带来麻烦吗？jquery mobile不喜欢将滑块放在页脚中，但我需要滑块像页脚一样在显示区域底部固定位置。

如果您的目标是一致的屏幕大小，这将非常容易。默认情况下，在JQM 1.1RC2中，我看到他们使用65%作为滑块。但是，滑块前的输入字段固定为50px。尝试使用.ui滑块宽度来获得更接近的值，但要小心，因为根据屏幕大小，它看起来会有所不同

div.ui-slider{宽度：80%；}

---

也许80%左右对你更有效。至于您的第二部分，我不知道如何测试并让我们知道。

谢谢！第二部分似乎可以在chrome、ffox和kindle上正常工作。我还没有时间在其他地方测试它。