xcode - 短縮されたテキスト

Question

私は次のコードを持っていますが、Xcode iPhone シミュレーターを使用すると、...なぜ表示されるのかわかりません。それともシミュレーターを使っているからですか

jQuery Graphite テーマを使用しています

問題：

HTML:

        <div data-role="header">
            <h1 class="appTitle">Birthday Reminders</h1>
        </div><!-- Header -->

CSS:

@media only screen and (min-device-width : 320px) and (max-device-width : 480px)
{
.appTitle { max-width:100%; font-size:12px; text-align: center;}
}

Answer 1

実例は次のとおりです：http：//jsfiddle.net/Gajotres/GFfAt/

使用されるCSS：

.appTitle {
    margin: 0.6em 15% 0.8em !important;
    white-space: normal !important;
}

余白の内側の15％は、テキストとアプリヘッダーの制限の間の左右のスペースです。

ヘッダーの高さが減少するため、フォントサイズを下げないでください。これに対抗するために、マージンが増加します。