Clever Geek Handbook

Increase Firefox to Specific Resolution

My page has a resolution of 800x480. It was designed as such. Now in Firefox (I have control over the machine for the viewers), I want to enlarge the entire screen to 800x600. I know there is a scaling option, but it does it proportionally (like 150%). Is it possible to somehow stretch 480 to 600 (sort of like an increase).

I have a good reason for this and am aware of aspect ratio problems that can arise.

Thank you for your time.

+2


source to share


2 answers


You can do this in Firefox 3.5 (Gecko 1.9.1) using CSS3 2d transforms.

Here's an example with two DIVs, where the second is stretched from 800x480 to 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>


See also:

+4


source


You can use:

self.resizeTo(width, height);


Though I think Firefox has a default setting in preferences that prevents this from working.

0


source






More articles:


All Articles