如何获得响应式移动Divs

Question

我在网站的某个部分挣扎，为了让它能够完全响应移动设备等。网站的其余部分非常棒，仅此部分：

该网站是：http://dev.strategix.co.za/ 我指的div是我们解决方案下的块和右侧内容。

我有块.left2 {width:60%}和右侧内容.right2 {width:40%}，但显然这不足以在移动设备上查看时看到。

请有人帮忙。 谢谢！

Answer 1

我认为.right2会导致您的响应式布局出现问题。将其从.left2移除，然后同时为.right2和display:inline-block提供样式border-box。

据我所知，其余的都很好。没有边距，你使用var rev = require('gulp-rev'); var date = new Date(dateString); gulp.task('rev', function () { return gulp.src('app/*.zip') .pipe(rev(new Date().toString())) .pipe(gulp.dest('deploy/')); }); ，所以看起来不错。

Answer 2

在媒体查询中尝试此操作

@media only screen and (max-width: 767px)
{
.left2 {
width: 100%;
height: initial;
}

.right2 {
width: 100%;
}

.right2 .box2 {
padding: 2%;
float: left;
width: 96%;
margin-top: -2px;
}
}

希望这会对你有所帮助。