1

我有一个网页，我现在正在制作 ipod touch。网页容器是 480 像素宽（450+30 填充），然后它有两个 div，每个 div 有一行文本。

当我只有一个 div 文本时，文本会出现在一行上，就像在我的电脑上一样。但是，当我添加第二个 div 时，iPod touch 决定让文本变得更大（对于两个 div），以便文本进入下一行。

无论我添加多少个 div，如何确保文本保持相同（更小）的大小？我希望它和我的电脑上的一样。用户必须能够缩放。

CSS：

body{
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:15px;
    margin:0px;
 }

.container{
    padding:15px 15px 1px 15px;
    width:450px;
    background:white;
    overflow:hidden;
}

.quote{
    padding-bottom:3px; 
    font-style:italic; 
    text-align:center; 
    width:450px; 
    overflow:hidden; 
  }

html:

<meta id="meta" name="viewport" content="width=device-width; initial-scale=1.0" />

<body >
    <div class= "container">
        <div class = "quote">"I want to be on one line and so does the other line. Even if two."</div>
        <div class = "quote">"I want to be on one line and so does the other line. Even if two."</div>
     </div>
</body>
4

1 回答 1

0

我将以下内容添加到类容器中，现在它可以工作了。有什么理由不这样做吗？我没有将它添加到正文中，因为我真的不知道它可能会产生什么其他影响。

-webkit-text-size-adjust: 100%;
于 2013-03-03T17:55:06.770 回答