我的頁面有800x480的分辨率。它的設計就是這樣。現在在Firefox中(我可以控制觀看者機器),我想將整個屏幕縮小到800x600。我知道有一個縮放選項,但是它按比例(例如150%)。是否有可能只能將480到600(一種縮放)。將firefox縮放到某個分辨率
我有一個合理的理由來做到這一點,並意識到可能出現的寬高比問題。
謝謝你的時間。
我的頁面有800x480的分辨率。它的設計就是這樣。現在在Firefox中(我可以控制觀看者機器),我想將整個屏幕縮小到800x600。我知道有一個縮放選項,但是它按比例(例如150%)。是否有可能只能將480到600(一種縮放)。將firefox縮放到某個分辨率
我有一個合理的理由來做到這一點,並意識到可能出現的寬高比問題。
謝謝你的時間。
您可以使用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>
參見:
您可以使用:
self.resizeTo(width, height);
雖然我認爲Firefox已經在防止這種工作偏好的默認設置。
我不想調整窗口的大小。我想把它從800x480放大到800x600。 – 2009-09-30 10:01:36
所以你想要垂直拉伸內容? – 2009-09-30 10:34:45
超級!萬分感謝。你爲我節省了一大筆時間:) – 2009-09-30 10:43:16