Question

这是jsFiddle。正如您所看到的那样，当您将“结果”屏幕设置为等于移动设备屏幕的宽度时，问题就在于此。然后，文本，而不是更改行，它将丢失（并替换为点）。此外，你甚至无法滚动来获取它（这仍然是坏的，但可能是一个后备计划）。

以下是实际代码：

<a href="#popupNested" data-rel="popup" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-icon-info ui-btn-icon-left ui-btn-b" data-transition="slidedown">Info</a>
  <div data-role="popup" id="popupNested" data-theme="none">
    <div data-role="collapsibleset" data-theme="b" data-content-theme="a" data-collapsed-icon="arrow-r" data-expanded-icon="arrow-d" style="margin:0;">
      <div data-role="collapsible" data-inset="false">
        <h2>Must save</h2>
        <ul data-role="listview" data-icon="false">
          <li><a href="#" data-rel="dialog">If you don't save, changes won't apply!</a></li>
        </ul>
      </div><!-- /collapsible -->
    </div><!-- /collapsible set -->
  </div><!-- /popup -->

正如你在小提琴的评论中看到的那样，我试图用data-mode="reflow" class="ui-responsive table-stroke"解决这个问题，我在关于表的问题上找到了它，但它没有用。

我该如何解决这个问题？

Answer 1

最好的办法是在句子中间放置一个<br>标签，并将溢出设置为可见。和文本溢出到剪辑（默认值）。（或初始。）看看这个fiddle希望这有帮助！

菜单的文字不适合小屏幕

1 个答案: