1

createHTMLNotification呼び出しを使用してユーザーに通知する拡張機能を構築していますが、醜い黒い水平および垂直スクロールバー（少なくともUbuntu 12.04 Linux）を回避するために、関連するサイズ制限を理解するのに問題があります。

誰かが私が目指すべき最大サイズ、できればクロスプラットフォームについてのヒントを与えるドキュメントへのポインタを持っていますか？

4

2 に答える 2

1

Windowsバージョン20.0.1132.47（安定版144678）の最大サイズは300x160ピクセルです。

于 2012-07-02T16:21:06.207 に答える
0

Linuxバージョン21.0.1145.0devでChromeを実行している自分のラップトップでの実験では、スクロールバーが表示されるまでの最大サイズは284x144ピクセルです。これがシステム固有であるかどうかはわかりませんが、Chromeが少なくとも一部のプラットフォームでネイティブ通知をサポートしていると仮定すると、ピクセルパーフェクト通知に力を入れすぎると良い結果が保証されない可能性があります。

スクロールバーが通知内に表示されないようにすることに関しては、別の小さな課題もあります（これは、通知APIとはまったく関係がない可能性があります）。heightand （および同様に幅）を設定してmax-heightも、それ自体ではカットされません。

私の場合、通知内のアイテムのリストのスタイルを設定する必要があり、最終的には次のhtmlコードを使用しました。

<html>
  <head>
    <style>
      body {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: .73em;
      }
      div#note {
        overflow: hidden;
        height: 144px;
        max-height: 144px;
        width: 284px;
      }
      div.noteline {
        position: relative;
        overflow: hidden;
        overflow-x: hidden;
        overflow-y: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        line-height: 1.2em;
      }
    </style>
  </head>
  <body>
    <div id=\"note\">#{params.html}</div>
  </body>
</html>

私のテンプレート参照（#{params.html}）には、基本的に次の行が含まれています。

<div class="noteline">Some possibly large line that would overflow item 123</div>
于 2012-05-25T21:53:21.227 に答える