1

ホバー効果のある5つのバナー画像を使用しており、以下のコードを使用しています

#banner
{
    float:left;
    width:99.025%;
    padding:0 0 0 10px;
    margin:0;
    height: 16.714em; /* 234px*/
    position:relative;
    overflow:hidden;
    display:block;
    background:url('/pages/images/bottom_wood_repeater.jpg') 0 104px repeat-x;
}

#banner img
{
    float:left;
    width:19.435%; /*197px;*/
}

#banner a img
{
    float:left;
    display:block;
}

#banner a:hover img
{
    float:left;
    position:relative;
    top:-16.714em; /* 234px*/
}

emの代わりに高さをパーセンテージで使用できますか？

height: 16.714em; /* 234px*/

実際、私はレスポンシブデザインを作成していますが、解像度が小さい場合やモバイルの場合に問題が発生します。

現在のサイト： http： //new.brandonplanning.com/home

前もって感謝します ：）

4

5 に答える 5

5

はいといいえ。

具体的には、親要素の高さが固定されていない場合は、これを行うことはできません。考えてみてください。要素の高さが親の高さのパーセンテージに等しい場合は、最初に親の高さを計算する必要があります。ただし、親の身長を計算するには、最初に子の身長を計算する必要があります。ただし、この子の身長を計算する前に、親の身長を計算する必要があります。これがどこに向かっているのかわかります。

親の高さが固定されている場合は、子の高さのパーセンテージで問題ありません。

親に固定の高さがなく、子にパーセンテージの高さを設定した場合、ブラウザは単にあきらめて、子を持っているものとして扱いheight: autoます。

于 2012-05-11T08:35:24.320 に答える
1

emの代わりに高さをパーセンテージで使用できますか？

はい、できます。他のheight:25%;プロパティが考慮されている場合、おそらくあなたが望むものを達成するつもりはありません。

高さはすることができます

auto-ブラウザが高さを計算します。これはデフォルトです

length-高さをpx、cmなどで定義します。

％-高さを包含ブロックのパーセントで定義します

それでもレイアウトに問題がある場合は、クライアントがモバイル上にあるかどうかを検出し、別のCSSを提示することができます。

于 2012-05-11T08:36:52.813 に答える
1

いつでも％を使用できるcssに「％」記号を追加していることを確認してください。

于 2012-06-09T17:05:35.577 に答える
0

理由がわかりません。技術的には問題ありません。％を使ってみましたか？

于 2012-05-11T08:37:23.270 に答える
0

簡単に言えば、高さをパーセントでcssで使用します。

于 2012-06-09T17:03:59.243 に答える