xcode - 被缩短的文本

Question

我有以下代码，但我不确定为什么当我使用 Xcode iPhone 模拟器时它显示...为什么？还是因为我用的是模拟器

我正在使用 jQuery 石墨主题

问题：

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% 是文本和应用标题限制之间的左/右空间。

不要降低字体大小，因为标题高度会降低，以应对它增加边距。