0

ログインボックスの「ホルダー」を作成しました

.box{
background-color: #ffffff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
padding: 1em;
border: 1px solid #d8dadd;
    }

.box-login{
    margin: 0 auto;
    width: 390px;
}

問題は、ボックス内の項目 (テキスト ボックス) が応答しないことです。応答しない項目のように動作します。

どうすればこれを修正できますか？

前もって感謝します

4

3 に答える 3

1

最大幅を設定する

.box-login{
    margin: 0 auto;
    width: 390px;
    max-width: 100%;
}
于 2013-10-05T16:07:01.733 に答える
1

ブートストラップの要素は、親要素のサイズの変更に応答する必要がある場合にのみ、応答的に動作します。

クラスに固定幅を指定したため.box-login、ボックスは幅に応答しないため、内部のアイテムも応答しません。

css で幅と最大幅を次のように指定します。

.box-login{
    margin:0 auto;
    /* if you want a slight margin on smaller viewports, lower the width value */ 
    width:100%;
    max-width:390px;
}
于 2013-10-05T16:17:35.017 に答える
0

クラスの幅を指定したため.box-login、レスポンシブに動作しません。box-loginクラスをレスポンシブにしたい場合は、幅を 100% に設定し、 max-width. CSSは次のとおりです。

.box-login{
    margin: 0 auto;
    width: 100%;
    max-width: 390px;
 }
于 2015-08-10T15:32:11.653 に答える