将firefox缩放到特定分辨率
我的页面分辨率为800x480。它就是这样设计的。现在在Firefox中(我可以控制查看器机器),我想将整个屏幕缩放到800x600。我知道有一个缩放选项,但它是成比例的(例如150%)。是否有可能以某种方式只拉伸480到600(一种缩放) 我有充分的理由这样做,并且知道可能出现的纵横比问题 谢谢您的时间。您可以使用:将firefox缩放到特定分辨率,firefox,plugins,Firefox,Plugins,我的页面分辨率为800x480。它就是这样设计的。现在在Firefox中(我可以控制查看器机器),我想将整个屏幕缩放到800x600。我知道有一个缩放选项,但它是成比例的(例如150%)。是否有可能以某种方式只拉伸480到600(一种缩放) 我有充分的理由这样做,并且知道可能出现的纵横比问题 谢谢您的时间。您可以使用: self.resizeTo(width, height); 尽管我认为Firefox的首选项中有一个默认设置,这会阻止它工作。您可以在Firefox 3.5(Gecko 1.9
self.resizeTo(width, height);
尽管我认为Firefox的首选项中有一个默认设置,这会阻止它工作。您可以在Firefox 3.5(Gecko 1.9.1)中使用CSS3 2d转换来实现这一点 下面是一个具有两个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>
html,正文
{
背景色:#000;
颜色:#fff;
}
.视口
{
宽度:800px;
高度:480px;
背景颜色:金色;
颜色:#000;
位置:绝对位置;
左:0px;
顶部:0px;
}
.伸展
{
背景色:rgba(255,0,0,0.5);
-moz变换:scaleY(1.25);
-moz变换原点:0;
}
正常的
伸展
另见: