Question

我的网页分辨率为800x480。它就是这样设计的。现在在Firefox（我控制了观众机器），我想将整个屏幕缩放到800x600。我知道有一个缩放选项，但这是成比例的（例如150％）。有可能以某种方式只能拉伸480到600（一种变焦）。

我有充分理由这样做，并且知道可能出现的宽高比问题。

感谢您的时间。

Answer 1

您可以使用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>

另见：

Using CSS transforms

Answer 2

您可以使用：

self.resizeTo(width, height);

虽然我认为Firefox在首选项中有一个默认设置会阻止它工作。

将firefox缩放到某个分辨率

2 个答案: