0

私は2つのコンテナを持っています。

画面が500px以下の場合、これらのコンテナは互いに重なり合う必要があり、両方が画面の100％を占めます。

画面が500pxを超える場合は、画面の水平方向のスペースと同じ幅を占めるように並べて配置する必要があります。

これはie8で機能する必要があります。メディアクエリを使用できません。

これはCSSを使用するだけで可能ですか？（JavaScriptなし）

4

2 に答える 2

0

これはメディア クエリをサポートするブラウザーでのみ可能ですが、残念ながら IE8 ではサポートされていません。

これは、メディア クエリをサポートするブラウザーで動作するバージョンです。

コードの重要な部分は

@media 
  screen and (max-device-width: 500px), 
  screen and (max-width: 500px) {

メディア クエリのサポートについては、こちらを参照してください。

于 2012-10-22T10:25:46.730 に答える
0

メディア クエリを使用する

HTML

<div class="container">
<div class="dv">First block</div>
<div class="dv2">Second block</div>
</div>​

CSS

.container{width:500px; background:grey}
.dv{ background:green;  width:500px; height:250px}
.dv2{ background:red;  width:500px; height:250px }

@media screen and (min-width : 500px)
{
    .container{width:100%; background:grey; overflow:auto}
    .dv{width:50%; float:left}    
    .dv2{width:50%; float:left}
}​

デモ

于 2012-10-22T10:33:57.047 に答える