1

現在のアプリでは、ウィンドウの左上隅にラジオ フィールドがあります。このコンポーネントに「radio-buttons」というクラス名を付け、コンポーネントに次の css を付けました。

.radio-buttons {
    margin-left: 70px;
    margin-top: 30px;
    border: dotted;
}

コンポーネントの輪郭が見えるように、境界線は点線で表示されます。ウィンドウのサイズを変更するたびに、ラジオ ボタン フィールドが小さくなり、ボタンがまったく見えなくなります。点線の境界線がまだ表示されているので、コンポーネントがまだアプリ内にあることがわかります。大きく縮小するだけです。追加してみました：

position: fixed;

ラジオボタンクラスに追加しましたが、これは役に立ちませんでした。どんな助けでも大歓迎です！[うまくいけば、これは簡単な修正です]

4

2 に答える 2

1

そこで、StackOverFlow 以外で質問を検索したところ、次のリンクが見つかりました。

http://css.dzone.com/news/how-resize-extjs-panel-grid

このサイトは、パネルのサイズを変更しないようにするのではなく、「パネルのサイズを変更する方法」という質問に答えていますが、次のコード行を盗んで「ラジオボタン」クラスに入れました。

position: absolute;

そして今、ウィンドウのサイズ変更時にラジオボタンフィールドのサイズが変更されません! 基本的に私がしなければならなかったのは変更することだけです

position: fixed;

に

position: absolute;

ラジオボタンを所定の位置に保持する最終的な css クラスは次のとおりです。

.radio-buttons {
    position: absolute;
    margin-left: 70px;
    margin-top: 30px;
}
于 2013-06-11T15:11:30.747 に答える
0

CSS では、クラスまたは ID の最小の幅と高さを指定できます。次のようなことを試してください。

.radio-buttons {
  margin-left: 70px;
  margin-top: 30px;
  border: dotted;
  width: 20%;
  height: 20%;
  min-width: 50px;
  min-height: 50px;
}

これにより、50px 未満でない限り、幅と高さがウィンドウ サイズの 20% に設定されます。

于 2013-06-11T15:13:16.357 に答える