文本div在iPad中的过渡 - 谷歌Chrome

Question

我有一个RTL网站。我的文本溢出div大小独立于div大小。使用iPad时，我只会在谷歌浏览器中遇到这个问题。下图中的最后一行是不在格框内的（不与100％宽度的红色标题对齐）

这是一个错误吗？我可以通过任何CSS或任何其他技巧来解决它吗？

这里是ASP-HTML代码：

<div class="content"> 
    <div class="redTitles"> 
     <h1><%=rs("title")%></h1> 
    </div> 
    <div style="width:100%;"> 
     <div style="text-align:justify"> 
     <%=rs("body")%> 
     </div> 
    </div> 
</div> 

，这里是现场版： http://www.zingapp.ir/content/?id=1

Answer 1

你可以尝试使用@media only screen这样，当你使用它在你的iPad，它会调整。

@media only screen and (max-width: 1024px) { 
    // code here. 
}