0

画面の x 軸または y 軸が他の軸よりも高いか小さい場合に位置を変更する 2 つの div があります。JsFiddle の例でそれをテストできます。

JSFドル

2 つの div の位置が変更されると、ButtonToolbar 要素の位置がめちゃくちゃになります。このポジショニングの問題を修正するにはどうすればよいですか?

position を使用してみましposition:relativeたが、うまく機能しませんでした。何か案は？私の問題を理解してください。

4

2 に答える 2

2

あなたの問題が何であったかを私が理解したことを願っています。メディア クエリでは、「dhFieldset」の表示方法を変更する必要があります。

したがって、次のようになります。

通常の位置:

.dhFieldset{
   color: white;
   font-size:6px;
   width: 27px;
   height:80px;
   background-color:green;

}

画面上部:

@media screen and (max-aspect-ratio: 1/1) { 
.dhFieldset{
   color: white;
   font-size:6px;
   height: 27px;
   width:80px;
   margin-left:22px;
   float:left;   
}

これが更新された jsFiddleです。

それが役に立てば幸い！！乾杯。

于 2013-01-15T13:29:48.627 に答える
1

画面上部に表示されたときにposition:relative試着float:leftを使用する代わりに。.dhFieldset

@media screen and (max-aspect-ratio: 1/1) { 
    .dhFieldset{
      color: white; 
      height: 35px;
      width:80px;
      margin-left:22px;
      float:left;
}

また、それらを上下させたくない場合は、min-widthonに設定する必要があります.dhButtonToolbar。ここで行われているように、 または dhFieldset の幅をパーセンテージ幅に変更できます。

于 2013-01-15T13:31:49.177 に答える