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

【问题标题】：div left responsive image fixed 100% height and div right text scrollablediv 左响应图像固定 100% 高度和 div 右文本可滚动
【发布时间】：2015-08-03 19:48:03
【问题描述】：

如果文本大于屏幕，如何创建一个带有响应式固定图像的左 div 和一个带有可滚动文本的右 div。调整页面大小时，例如屏幕小于 1024px 时，只有右 div 会改变并位于左 div 下方

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

【问题讨论】：

截图在哪里？
我在这里放了一个链接，因为我加载了它但我们不能看它？！？
@fatyfatoumata 你应该看看 Bootstrap。为你做了很多。
我会使用 CSS 浮动和媒体查询来解决这个问题。
目前我只使用 html 和 css，你认为我可以用 @MaximillianLaumeister 做到这一点吗？但如果你能给我发一个引导程序的例子，那就太好了 Grmpy

标签： javascript jquery html css background-position

【解决方案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/

（增加/减少输出屏幕尺寸以查看它的工作）

【讨论】：

当你调整页面大小时，例如屏幕小于1024px时，只有右边的div会改变并在左边的div下面
是的，这就是我在上面的小提琴上所做的。那你到底想要什么？
是的，但是在右div进入左div之前，我们可以只让之前改变宽度的右div进入吗？
我不明白你的意思faty。
你可以在我的截图上看到，这3张图片实际上代表了不同级别的页面调整大小，我想要相同的结果。只有右边的 div 收缩，左边的 div 必须保持在 50% 宽度;)