Opera中的CSS最小化模式:定位在快速拨号扩展中

时间:2011-05-28 22:10:43

标签: css opera minimized opera-extension

我正在尝试在快速拨号框内显示滚动列表但是定位有问题

我想知道列表对象何时太大而无法容纳盒子,但据我所知,没有办法以像素为单位获得盒子的大小

如何才能使最小化模式准确显示在正常模式下看到的内容但是适合该框?

这是我现在正在使用的CSS

* {
  margin: 0;
  padding: 0;
}
html {
  height: 100%;
}

body {
  background: #eee;
  color: #444;
  display: table;
  height: 100%;
  width: 100%;
}
output {
position:absolute;
 width: 100%;
  white-space:nowrap;
  font-family: monospace;
}

如果我在选项卡中打开文件,它可以正常工作,但在快速拨号中它显示为放大

Opera的指南使用此查询:

@media screen and (view-mode: minimized) { }
我认为

控制着它在快速拨号中的显示方式。但我不知道该放什么

更新 好吧,我最终创建了一个元素,并指定了一个0的底值。

像这样:

var bottom = document.createElement('div');
bottom.className= "ylimit";
document.body.appendChild(bottom);

并在CSS中:

div.ylimit{
position:absolute;
bottom:0px;
}

然后每当我想检查或比较身高时,我都会使用bottom.offsetHeight

0 个答案:

没有答案