css - 非插入显示可折叠设置太宽

Question

我们正在使用 jquery-mobile.. 并添加了一个带有非 inset="false" 的可折叠列表视图，因此它将适合移动屏幕的整个宽度。

现在我们已经设置好了，列表视图和分隔线太宽了，所以它不能正确地适应屏幕。如果我们设置 inset="true" lsitview 正确地适合屏幕..但我们希望有非插入..

有什么问题，我们必须自定义样式吗？

Answer 1

All you have to do to make it work as intended is to set data-role="content" to div container of your collapsible.

<div data-role="content" class="content-primary">
    <div data-role="collapsible-set" data-inset="false">

Here is jsfiddle