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

Question

如果文本大于屏幕，如何使用响应式固定图像创建左div，使用可滚动文本创建右div。当您调整页面大小时，只有正确的div更改并在屏幕小于1024px时位于左侧div下，例如

这是一个屏幕截图，显示我正在寻找的内容：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/

（增加/减少输出屏幕尺寸以使其正常工作）