css - Div コンテナの最小高さのバグ

Question

こんにちは、次の問題が発生しました: div 内のテキストにはこの高さが必要なため、min-height:230px を使用します。しかし、iPhone には別の高さが必要なので、320px のように大きくする必要があります。私の考えは、 height:auto を使用して高さをテキストに自動的に合わせるというものでしたが、何らかの理由で機能しません。ウェブサイトはhttp://www.sterntaufe-deutschland.de/です。 「Über Sterntaufe Deutschland」の 4 つのテキスト ボックスの下の内容を確認してください。

Answer 1

min-height設定によるリセットはできませんheight。それ自体をリセットする (またはまったく指定しない) 必要がありますmin-height。

ちなみにdisplay: inline-blockfor each item の使用を検討してください。高さを指定する必要はありません。縦方向に自動的に整列されるからです。例えば：

UL.services {font-size: 0; }

UL.services > LI {
    display: inline-block;
    font-size: 14px;
    width: 50%;
    vertical-align: top;
}

HTML:

<ul class="services">
    <li>
        <h3>30 Tage Rückgaberecht</h3>
        <p>Wir taufen nur gut sichtbare Sterne!</p>
    </li>

    <li>
        <h3>Schneller Versand</h3>
        <p>Durch unsere langjährige Erfahrung.</p>
    </li>

    <li>
        <h3>Das Sterntaufenregister</h3>
        <p>Wir sind Partner des Sterntaufenregisters.</p>
    </li>

    <li>
        <h3>Wir sind für Sie da</h3>
        <p>Sollten Sie bei uns einen Stern kaufen.</p>
    </li>
</ul>