Vivaldi ブラウザだけ画面一番上の 1px が見えない

アントニオ・ヴィヴァルディ

今回は、作曲家じゃなくブラウザの方の Vivaldi の話。

Vivaldi は、Opera の創設者によって開発された Opera に不満を持つ人向けの先鋭的ブラウザ。

使用してるバージョンは、1.4.589.11(2016/9/17 時点で最新)

スポンサーリンク

以下の HTML を書いた場合

<html>
<head>
<style>
.hoge {
	position: absolute;
	top: 0;
	height: 40px;
	width: 40px;
	border: 1px solid red;
}
</style>
</head>
<body>
<div class="hoge"></div>
</body>
</html>

↓ 表示結果

ボーダー指定した時の表示画面

左から

  1. Vivaldi
  2. Google Chrome
  3. Firefox
  4. Edge
  5. IE 11
  6. Opera

Vivaldi だけ、上 1px のボーダーが見えない。

以下の HTML を書いた場合

<html>
<head>
<style>
.hoge {
	position: absolute;
	top: 0;
	height: 40px;
	width: 40px;
	background: blue;
}
</style>
</head>
<body>
<div class="hoge"></div>
</body>
</html>

↓ 表示結果

バックグラウンド指定した時の表示画面

左から

  1. Vivaldi
  2. Google Chrome
  3. Firefox
  4. Edge
  5. IE 11
  6. Opera

分かりずらいけど、height: 40px を指定してるのに、
画像で切り取ってみると、39px しかない。

Vivaldi 開発者ツール

Vivaldi の開発者ツールで見ると 40×40 と表示されるが、実際には上 1px が見えてない。

どうやら、上のコマンドバーの下線部分が表示領域に被ってるっぽい。

これ、バグやろ?

わし能動的な英語が苦手だから、誰か Vivaldi のコミュニティに報告してくれー。

IT・ICT

Posted by るな