1

数行しかないDIV要素と背景画像があります。画像サイズは335pxの高さです。

divの最大高さを335pxにしたいのですが、ブラウザウィンドウが小さい（モバイル）場合は縮小できるようにします。

ただし、divはdiv内の段落のサイズのままです。これはDIVのCSSコードです。デフォルトの開始高さを335pxに設定し、それを縮小できるようにする方法についてのアイデアはありますか？最大幅は完全に機能します。

#header
{
    background-image: url('Images/Header.png'); 
    margin: 0 auto;
    max-width:1024px; 
    max-height: 335px;
    background-size: 100% 100%;
    height: 100%;
    overflow: auto;
    --max-line-height: 335px;
}

どうもありがとうD

4

2 に答える 2

0

このCSSを試してください -

#header{
    background-image: url('Images/Header.png');
    margin: 0 auto;
    max-width:1024px;
    height: 335px;
    background-size: 100% 100%;
    overflow: auto;
    border: 1px solid #f00;
}

モバイル デバイスの場合は、CSS Media Queries http://www.alistapart.com/articles/responsive-web-design/を使用します。

@media only screen and (max-device-height: 335px) {
 #header{
        height: auto;
    } 
}
于 2012-06-21T09:36:21.977 に答える
0

min-height: 335pxまたはを使用できますheight: 335px。あなたの#headerCSSは、

#header
{
    background-image: url('Images/Header.png'); 
    margin: 0 auto;
    max-width:1024px; 
    max-height: 335px;
    background-size: 100% 100%;
    min-height: 335px;    /* OR */  height: 335px;
    overflow: auto;
    --max-line-height: 335px;
}
于 2012-06-21T09:43:31.020 に答える