페이지 폭으로 조절되는 스크롤 가능한 DIV

Question

스크롤 할 수있는 DIV가 있습니다. 그러나 문제는 제가 위치를 사용하고 있다는 것입니다. DIV는 나머지 페이지와의 위치를 ​​조정하지 않습니다. 따라서 작은 해상도에서 사라집니다. 어떤 제안이라도 훌륭합니다. top:20% 대신 top:1200px의 :

이

<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; 
"> 

Answer 1

대신 위쪽 및 왼쪽 속성 픽셀을 사용하는 percentages.eg 사용

여기에 현재 DIV입니다. 작은 해상도에서는 왼쪽 상단의 값으로 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%; */ 
    } 
}