桌面和iPhone上的结果不同

Question

我有两个快照：http://snag.gy/uq7on.jpg（桌面）和http://snag.gy/8rg6n.jpg（iPhone 5）。我不知道如何在两者上都有相同的结构，因为你可以看到“En ovra afrontamos ......”段落下来了。

以下是网站：http://www.ovra.es

这是段落的代码：

p {
  line-height: 21px;
  font-size: 15px;
  font-style: normal;
  padding-right: 45px;
}

Answer 1

我相信你的问题有很多答案。这是我的：

为.der元素添加以下CSS：

body main section.razones .der {
    float: right;
    width: 50%;
}

然后从margin-left移除.izq媒体资源，并将其添加到.bocadillo和ul：

body main section.razones .izq {
    float: left;
    width: 50%;
}
body main section.razones .izq .bocadillo, body main section.razones .izq ul {
    margin-right: 40px;
}