6

resizecss プロパティで div のサイズを変更できるようにしたい:

#foo{
  overflow: hidden;
  resize: both;
}

firefoxで自由にリサイズできます。

クロム/サファリでは、初期サイズよりも小さくサイズ変更できません。

彼らはwebkitでサイズを小さくできるようにする方法ですか? ( min-width/min-height動作しません)

MDN のライブの例を参照してください (2 つのネストされた div を含む) https://developer.mozilla.org/samples/cssref/resize.html

4

4 に答える 4

1

ここで見つけた小さな回避策がありますが、うまくいきます。

ホバー時に、高さと幅を次のように変更します1px

#foo:hover{
    width: 1px;
    height: 1px;
}

幅と高さが劇的に変化しているため、これはわずかな「フラッシュ」を引き起こすように聞こえますが、...ハックです。

于 2013-04-02T14:35:53.870 に答える
1

そのライブの例を参考にして、初期サイズを div の幅と高さに等しく設定し、min-height と min-width を Chrome で許容される最小サイズに設定することができました。

    #foo {
      resize: both;
      overflow: scroll;
      width: 300px;
      height: 300px;
      min-width: 50px;
      min-height: 70px;
    }
    div {
      background-color: #acacac;
      border: 1px solid #000;
    }
<div id="foo"></div>

于 2013-04-02T14:36:20.027 に答える