Ich mache eine mobile Version einer Website mit JQuery Mobile und JSON zum Abrufen der Daten. Das Problem, das ich habe ist, dass, wenn Sie die Website mit Ihrem Handy öffnen die DIVs, die mit data-role="collapsible" eine feste Höhe haben, was bedeutet, wenn der Titel ist "Dies ist der Titel der Nachrichten" in der mobilen Sie sehen "Dies ist der Titel ... "Wie kann ich diese Höhe ändern?Ändern Sie die Standardhöhe der kollabierbaren Elemente
Die Höhe wurde nicht angegeben, aber eine Eigenschaft ist so festgelegt, dass der Text für die Kopfzeilen von reduzierbaren Elementen einzeilig ist. Alles, was Sie brauchen, ist ein bisschen CSS zwicken:
.ui-page .ui-content .ui-collapsible .ui-btn-inner {
white-space : normal;
}
Hier ist eine Demo: http://jsfiddle.net/yvJ93/
standardmäßig jQuery Mobile white-space : nowrap auf zusammenlegbaren Header gilt, die sie einzeilig machen.
Auch hier ist eine gute Lektüre für white-space: https://developer.mozilla.org/en/CSS/white-space
Einige Code wahrscheinlich für diese Frage nützlich sein würde. –