親の幅、オーバーフローの高さに合わせて反応する子divの尺度

Question

divスクロールするための最良の方法は、コンテナに合わせて拡大または縮小することです。

JSFIDDLE

私は何をしたいのですが320PXで400ピクセルの幅と高さを表示する#scale要素があるので、スケール：私はでここにいるところのバイオリンを持っていますまたはオリジナルの80％にズームしました。 #wrap要素は、スクロールして#scaleもすべて表示する機能を保持する必要があります。

私のアプリケーションで#contain divが常にサイズを変更するため、これが必要です。助けてくれてありがとう！あなたはそれが必要な場合、私はそれはあなたが

を探して何を願って、あなたは幅が#wrapの80％にしたい場合は、スクロールバーを入れ、ブラウザでそのようにオーバーフロー自動で行う必要があり

Answer 1

あなたはそれが常に80％

#contain{ 
 
    width:400px; 
 
    border: 1px green dotted; 
 
    background-color:#ebebeb; 
 
    padding:10px; 
 
} 
 

 
#wrap{ 
 
    height:250px; 
 
    width:100%; 
 
    border:1px red solid; 
 
    background-color: #fff; 
 
    box-sizing:border-box; 
 
    overflow: auto; 
 
} 
 

 
#scale{ 
 
    height:400px; 
 
    width:100%; 
 
    border: 1px blue dashed; 
 
    
 
}

<div id="contain"> 
 
    <div id="wrap"> 
 
    <div id="scale"> 
 

 
    </div> 
 
    </div> 
 
</div>