我不明白如何解决这个问题。
每当我在移动设备或平板电脑上观看时,图片都会在文字下方显示,并且会使文字无法读取。它在笔记本电脑/计算机视图上看起来很棒,但在手机或平板电脑上却很糟糕这是我的网站。 http://www.phincer.com/它的标题是“我们知道WEbsite对您的公司有多重要”#34;这是代码。
.style_two {
position: relative;
}
.style_two .promo-image {
position: relative;
padding: 0px;
border-top: 1px solid #e7e7e7;
border-bottom: 1px solid #e7e7e7;
text-align: right;
background: #ffffff;
overflow: hidden
}
.style_two .promo-image img {
width: 50%;
float: right;
}
.style_two .caption {
width: 49%;
float: left;
height: 100%;
background: #ffffff;
text-align: left;
position: relative;
/*margin-left: 10px;*/
}
答案 0 :(得分:0)
这是因为你没有正确设置位置。它应该是“相对的”
更改以下代码
<div class="caption wow fadeIn" data-wow-delay="1s">
到此,
<div class="caption wow fadeIn" data-wow-delay="1s" style="position:relative">
或者你可以简单地改变你的CSS。
.style_two .caption {
width: 49%;
float: left;
height: 100%;
background: #ffffff;
text-align: left;
position: relative !important;
}