2009-09-30 41 views
2

我的頁面有800x480的分辨率。它的設計就是這樣。現在在Firefox中(我可以控制觀看者機器),我想將整個屏幕縮小到800x600。我知道有一個縮放選項,但是它按比例(例如150%)。是否有可能只能將480到600(一種縮放)。將firefox縮放到某個分辨率

我有一個合理的理由來做到這一點,並意識到可能出現的寬高比問題。

謝謝你的時間。

回答

4

您可以使用CSS3 2d變換在Firefox 3.5(Gecko 1.9.1)中執行此操作。

下面是一個帶有兩個DIV的例子,其中第二個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

超級!萬分感謝。你爲我節省了一大筆時間:) – 2009-09-30 10:43:16

0

您可以使用:

self.resizeTo(width, height); 

雖然我認爲Firefox已經在防止這種工作偏好的默認設置。

+0

我不想調整窗口的大小。我想把它從800x480放大到800x600。 – 2009-09-30 10:01:36

+0

所以你想要垂直拉伸內容? – 2009-09-30 10:34:45

相關問題