css - Opera の CSS 最小化モード: 短縮ダイヤル内線での配置

Question

短縮ダイヤル ボックス内にスクロール リストを表示しようとしていますが、配置に問題があります。

リスト オブジェクトが大きすぎてボックスに収まらない場合を知りたいのですが、私の知る限り、ボックスのサイズをピクセル単位で取得する方法はありません。

最小化モードを取得して、通常モードで表示されているものを正確に表示するにはどうすればよいですか?

これは私が現在使用している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) { }

短縮ダイヤルでの表示方法を制御するものだと思います。でもそこに何を入れたらいいのかわからない

UPDATE まあ、私は要素を作成し、0のボトム値を割り当てることになりました

このような：

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

そしてCSSで：

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

高さを確認または比較したいときはいつでも、bottom.offsetHeightを使用します