文字在iPad中溢出了div - 谷歌浏览器

Question

我有一个RTL网站。我的文本溢出div维度，与div大小无关。我在使用iPad时只是在谷歌浏览器中遇到这个问题。下图中的最后一行是div框（未与红色标题对齐，宽度为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.
}