2009-09-30 3 views
2

내 페이지의 해상도는 800x480입니다. 그것으로 설계되었습니다. 이제 Firefox (뷰어 컴퓨터를 제어 할 수 있음)에서 전체 화면을 800x600으로 확대하고 싶습니다. 확대/축소 옵션이 있지만 크기에 비례하지는 않습니다 (예 : 150 %). 어떻게 든 480에서 600 (일종의 줌)을 늘릴 수 있습니까?특정 해상도의 Firefox를 확대하십시오.

나는 이것을 할 타당한 이유가 있으며 발생할 수있는 종횡비 문제를 알고 있습니다.

감사합니다.

답변

4

CSS3 2d 변환을 사용하여 Firefox 3.5 (Gecko 1.9.1)에서이 작업을 수행 할 수 있습니다.

다음은 두 번째 DIV가 800x480에서 800x600까지 늘어나는 예제입니다.

<!DOCTYPE html> 
<html> 
    <head> 
     <style type="text/css"> 
     html, body 
     { 
      background-color: #000; 
      color: #fff; 
     } 
     .viewport 
     { 
      width: 800px; 
      height: 480px; 
      background-color: gold; 
      color: #000; 
      position: absolute; 
      left: 0px; 
      top: 0px; 
     } 
     .stretched 
     { 
      background-color: rgba(255, 0, 0, 0.5); 
      -moz-transform: scaleY(1.25); 
      -moz-transform-origin: 0 0; 
     } 
     </style> 
    </head> 
    <body> 
     <div class="viewport"><button>Normal</button></div> 
     <div class="viewport stretched"><br><br><button>Stretched</button></div> 
    </body> 
</html> 

은 참조 :

+0

슈퍼! 엄청 고마워. 당신은 내 시간의 미친 금액을 저장 :) –

0

당신은 사용할 수 있습니다

self.resizeTo(width, height); 

나는 파이어 폭스가 작동이 방지 환경 설정에서 기본 설정을 가지고 있다고 생각하지만.

+0

내가 창 크기를 조정하고 싶지 않아요. 800x480에서 800x600으로 확대/축소하고 싶습니다. –

+0

콘텐츠를 세로로 늘리시겠습니까? –

관련 문제