0

ページの左側と右側に 2 セットの (jQuery モバイル) ボタンがあります。ウィンドウを左側から縮小すると、左側のボタンのセットが期待どおりに移動し、それ自体とウィンドウの境界線の間にスペースが確保されます。しかし、右側から縮小すると、ウィンドウがその側のボタンのセットに重なってしまいます。

どうすればこれを回避できますか? 画面を右または左から縮小しても、両方のボタンのセットの水平位置の割合を保持したいと思います。(下から縮小すると、ボタンの両方のセットがウィンドウの上端からのスペースを保持します)。

CSS:

   #mainPage{
position:relative;

}

.subMenuClass{  /* right side */
display: none;
position: absolute;
z-index: 10000;
top: 2%;
left:85%;

}

 .mainMenuClass{      /*left side*/
display: none;
z-index: 10000;
position:absolute;
top: 2%;
left: 5%;

}

4

1 に答える 1

1 
.subMenuClass{  /* right side */
display: none;
position: absolute;
z-index: 10000;
top: 2%;
right:5%; /*change to this,you may need to adjust the value*/
}
于 2013-08-23T15:27:57.103 に答える