0

css で幅と高さの値をそれぞれ画面の幅と高さとして割り当てる方法を教えてください。私は以下のcssで試しましたが、今は私のために働いています。

.classname
 {
     height:100%;
     width:100%;
 }

編集

私もJqueryコードを使用しました

 $("#PanelGrid").width = $(window).width();

しかし、うまくいきません。

これがコードです。

<table style="font-family: calibri; height: 100%;" border="0px" cellpadding="0" cellspacing="0"
    width="100%">

   <tr>
        <td style="font-family: Calibri">
            <div id="PanelGrid" style="overflow:auto;"> </td>
   <tr></table>

助けてください。

4

3 に答える 3

1

CSS の高さのパーセンテージは面白いものです。このフィドルhttp://jsfiddle.net/b5ww2/5/に移動して、次のことを試してください。

1.

#div1 {
    height: 100%;
    position: absolute;
}​

2.

#div1 {
    height: 50%;
    position: absolute;
}​

3.

#div1 {
    height: 100%;
}​

4.

#div1 {
    height: 50%;
}​

結果が表示されるはずです。配置が通常 (静的) の場合、要素の高さのパーセンテージは、実際にはその親の高さと関連しています。絶対配置を使用すると、ビューポート (画面) が要素の親として機能し、期待どおりに高さの割合を使用できます。

したがって、ビューポートの絶対的な高さに対する要素を含むブロックの高さがわかっている場合は、それに応じて高さの割合を単純に調整できます。それ以外の場合は、絶対配置を使用して、その後の副作用に対処する必要がある場合があります。

于 2012-12-05T13:56:18.313 に答える
1

クラス .classname を持つ要素に親がある場合、ブラウザ ウィンドウの高さと幅ではなく、親要素の高さと幅の 100% を使用します。

この例のように、絶対配置で強制してみてください。

于 2012-12-05T14:02:46.617 に答える
0

div でウィンドウの高さと幅をすべて使用し、ブラウザのサイズが変更されても常に高さと幅をすべて使用するようにしようとしている場合は、次のことを試してください。

.classname {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    margin:0;
}

これにより、コンテナの外側の境界がビューポートの端に配置されます。

それが役立つことを願っています。

于 2012-12-05T14:25:58.487 に答える