div左响应图像固定为100％高度，div右文本可滚动

Question

如果文本大于屏幕，如何创建带有响应式固定图像的左div和具有可滚动文本的右div。 调整页面大小时，例如，当屏幕小于1024px时，仅右div会发生变化，而在左div下方

这是显示我在寻找什么的屏幕截图： http://www.500milligrammes.com/facticemagazine/final/fancy/brouillon2.jpg : http://www.500milligrammes.com/facticemagazine/final/fancy/brouillon2.jpg

Answer 1

您只需要向CSS添加媒体查询，即可将CSS属性恢复为特定宽度上的不同值，如下所示：

@media (max-width: 1024px){
    #left_side  {   
        width:100%;
    }
    #content{
        width:100%;
        position:static;
        margin: 0px;
    }
}

这是上面代码的jsfiddle： http : //jsfiddle.net/AndrewL32/d2b1jhxb/1/

（增大/减小输出屏幕尺寸以查看其工作情况）