css - CSS `resize` を使用して要素のサイズを Chrome の初期の高さ/幅よりも小さい高さ/幅に変更するにはどうすればよいですか?

Question

Chromiumでそれを見たばかりです

私はw3c specを読みましたが、これが原因で問題が発生すると思います:

ユーザーエージェントは、サイズ変更の範囲を、要素の元の書式設定されたサイズと要素のすべてのコンテンツを包含するのに十分な大きさなど、適切なものに制限する場合があります。

Chromeが上記の段落を適用しても、それを行う方法はありますか?

注：私はChromium 30.0.1592.0（216775）を使用しています

score 5 · Accepted Answer

私はノーと言うつもりです（javascriptなしではt）。

テキストエリアのサイズを初期サイズ以下に変更できないという事実は、バグとして報告されています ( https://code.google.com/p/chromium/issues/detail?id=94583 )

score 0 · Accepted Answer

ここでの非常に単純な解決策（純粋なJavaScriptで書き直すことができます）：

$("element").mousedown(function() {
    $("element").css({height:'50px', width: '50px'});
});

最初にクリックすると、要素の元のサイズが小さいサイズに変更されますが、ボタンを押したままにすると、すぐにサイズが元に戻り、必要に応じて簡単にサイズを変更できます。

もちろん、「50px」、または高さと幅は固定されていません。必要に応じて調整してください。

score -3 · Accepted Answer

min-height/max-height を追加するのはどうですか?

これにより、初期値を超えて設定できます。

#wrapper {
    min-height:200px;
    max-height: 400px;
    resize: vertical;
    overflow: auto;
    border: 1px solid #000;
}

4 に答える 4