正在缩短的文本

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使用：a余量内

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

15％是文本和应用程式头限制之间的左/右空间。

请勿降低字体大小，因为标题高度会降低，以抵消增加的边距。