0

スクロール可能にしたい DIV がありますが、問題は position: fixed; を使用していることです。また、DIV はページの残りの部分との位置を調整しません。したがって、小さな解像度では消えます。どんな提案も素晴らしいでしょう。

現在の DIV は次のとおりです。

<div style="
display: block; 
top: 200px; 
left: 1500px; 
width: 130px; 
position: fixed; 
border: 1px solid rgb(136, 136, 136); 
padding: 10px; 
text-align: center; 
font-weight: bold; 
color: rgb(255, 255, 255); 
background-color:#FFFFFF;
">
4

1 に答える 1

0

上と左のプロパティにピクセルを使用するtop:20%代わりに、 の代わりにpercents.eg: を使用しtop:1200pxます。解像度が小さい場合、左上の値により div が画面からはみ出します。これを試して

display: block; 
top: xx%; 
left: nn%; 
width: mm%; 
position: fixed; 
border: 1px solid rgb(136, 136, 136); 
padding: 10px; 
text-align: center; 
font-weight: bold; 
color: rgb(255, 255, 255); 
background-color:#FFFFFF;

ダイビングのサイズに応じて、パーセンテージ値を調整してください。補足: モバイル デバイスをターゲットにしている場合は、メディア クエリも使用できます。

@media all and (max-width: 699px) and (min-width: 520px), (min-width: 1151px) {
  #myDivId{
   width: 100px; /* or width:10%; */
  }
}
于 2012-10-11T18:05:52.890 に答える