jquery - 窗口调整大小时Div调整大小

你好，朋友们，我带着一种困惑来到这里，我发现一个网页包含两个容器，一个是左边，另一个是右边，当我在右边的div移动了一个limit之后重新使用浏览器的宽度，这对我来说很奇怪，我第一次看到我试图弄清楚他们是怎么做到的，但是没有得到同样的结果。只需浏览链接http://jquerymobile.com/demos/1.2.0-pre/
我希望你们明白我在解释什么。打开链接，缩小浏览器的宽度，你就可以看到我在说什么了
请分享你的观点
提前谢谢。。。。。。

最佳答案

他们过去常这样。
CSS media queries
HTML。

<div id="chameleon"></div>​

CSS。

#chameleon{
    width:100px;
    height:100px;
    background-color:yellow;
}

@media all and (min-width:600px) {
    #chameleon{
        background-color: blue;
        height: 200px;
    }
}

@media all and (min-width:800px) {
    #chameleon{
        background-color: green;
        height:300px;
    }
}

@media all and (min-width:1000px) {
    #chameleon{
        background-color: orange;
        height: 400px;
    }
}


​