윈도우 크기가 바뀔 때 웹 페이지의 내용이 바뀌지 않도록 유지

저는 HTML/CSS를 처음 접했고 간단한 웹 페이지를 만들려고합니다. 그러나 브라우저 윈도우의 크기를 조정하면 요소가 계속 변합니다. 예를 들어 화면의 오른쪽 하단에 텍스트가 있고 브라우저 창에 화면이 표시되도록하려면 오른쪽으로 스크롤해야 텍스트를 다시 볼 수 있어야합니다. 여기에 내가 원하는 방법을 작동하지 않는 내 코드입니다 : 내가 창 크기를 다시 할 때 인사를 보러 스크롤해야 할윈도우 크기가 바뀔 때 웹 페이지의 내용이 바뀌지 않도록 유지

<!DOCTYPE html> 
<html lang="en"> 

    <head> 
     <meta charset="utf-8" /> 
     <title>Test</title> 
     <style> 
      body { 
       min-width: 960px; 
       min-height: 960px; 
      } 
      #testxt { 
       position: absolute; 
       bottom: 10px; 
       right: 20px; 
      } 
     </style> 
    </head> 

    <body> 
     <div id="wrapper"> 
      <div id="testxt">Hello</div> 
     </div> 
    </Body> 

</html>

는

출처

2013-08-28 user2158720

나는 귀하의 질문에 명확 당신이 더 명확 – ShapCyber

당신은 DIV 제공해야합니다 고정 된 장소에 머물고 싶다면 왼쪽 거리. 추가

보십시오 : 당신의 창 크기를 조정할 때

left: 1500px;

지금, 사업부 수평 위치를 변경하지 않습니다. 동일한 작업을 수직으로 수행하려면 상단도 설정해야합니다.

희망이 도움이됩니다.

출처

2013-08-28 23:55:59

당신은 내가 그 밖으로 내려고하지 않았다 믿을 수 없어 감사 할 수 있습니다받을 수 없습니다 내 자신의. – user2158720

위치를 고정으로 변경하십시오.

고정 위치의 요소는 브라우저 창에 상대적으로 배치됩니다.

그것은 윈도우가 스크롤되는 경우에도 이동하지 않습니다 :

#testxt 
{ 
    position: fixed; 
    bottom: 10px; 
    right: 20px; 
}

출처

2013-08-29 00:21:41

윈도우 크기가 바뀔 때 웹 페이지의 내용이 바뀌지 않도록 유지

답변

관련 문제