我的页面分辨率为 800x480。它就是这样设计的。现在在 Firefox(我可以控制观众机器)中,我想将整个屏幕缩放到 800x600。我知道有一个缩放选项,但它是按比例缩放的(例如 150%)。是否有可能以某种方式仅将 480 拉伸(stretch)到 600(一种变焦)。
我有充分的理由这样做,并且了解可能出现的宽高比问题。
感谢您的宝贵时间。
最佳答案
您可以在 Firefox 3.5 (Gecko 1.9.1) 中使用 CSS3 2d 转换来执行此操作。
下面是一个包含两个 DIV 的示例,其中第二个 DIV 从 800x480 拉伸(stretch)到 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>
另请参阅:
关于firefox - 将 Firefox 缩放至特定分辨率,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1497145/