菜單的文字不適合小屏幕

這是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"，這是我在一個關於表的問題發現，但沒有奏效。

我該如何解決這個問題？

來源

2015-09-06 gsamaras

您正在使用的代碼將「省略號」添加到文本中，因此我建議您瞭解關於jQuery mobile和它的樣式規則的更多信息。 – sheriffderek

請記住@sheriffderek。代碼的哪一部分可以做到這一點？ – gsamaras

我無法告訴你。出於這樣的原因，我不喜歡使用這樣的東西。而不是學習3種語言 - 你最終會學習一組特定的規則和功能，這些規則和功能位於它們之上。 – sheriffderek

最好的辦法是在句子中間放一個<br>標籤，並將溢出設置爲可見。和文本溢出剪輯（默認值）。（或初始）。看看這個fiddle希望這有助於！

來源

2015-09-06 08:05:11

菜單的文字不適合小屏幕

回答

相關問題