DIV のサイズを宣言された幅と高さよりも小さくする機能をユーザーに提供したいと考えています。方法 ?
コードはこちら: http://jsfiddle.net/hW4nn/
HTML
<div class="divClass"></div>
CSS
.divClass {
resize: both;
overflow: auto;
width: 200px;
height: 200px;
border: 1px dotted #000;
}
DIV のサイズを宣言された幅と高さよりも小さくする機能をユーザーに提供したいと考えています。方法 ?
コードはこちら: http://jsfiddle.net/hW4nn/
HTML
<div class="divClass"></div>
CSS
.divClass {
resize: both;
overflow: auto;
width: 200px;
height: 200px;
border: 1px dotted #000;
}
jQuery UI の Resizableを見てください。
私の知る限り、ブラウザでは初期サイズよりも小さいサイズに変更することはできません。私の回避策は、最初の CSS を最小の幅と高さに設定することです (50px など、そうあるべきだと思われるものは何でも)。次に、javascript を使用して div オンロードの CSS を変更し、適切なサイズになるようにします。
HTML5 のサイズ変更のみも参照してください。アイテムは元のサイズよりも大きくなり、小さくなりません。