0

薬局のデジタル サイネージ ソリューションとして Raspberry Pi と Screenly-OSE を使用しています。泊りがけに合わせて様々な広告を表示しています。私は非常に単純な Sinatra アプリケーションを使用して、夜通しサービスを提供しています。私を悩ませている小さな細部を除いて、うまく機能します。そこには空白があります：写真を参照してください。

次の非常に単純な css ファイルを使用しています。

body {
    /* background-color: #246013; */
    background-image:url('moon.jpg');
    color: white; 
    text-align: center;
    font: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#wrapper{
    width:1200px;
    margin:0 auto;
    text-align: center;
}

#content{
    text-align: center;
    margin:auto;
}

#footer{
    text-align: center;
    padding-top: 30px;
    color: #D6D6D6;
    font: 14px "Courier New", Courier, mono;
}

h1 {
    font-size: 80px;
    padding-top: 10px;
    font-weight: bold;
    text-align: center;
}

h2 {
text-align: center;
font-size: 60px;
font-weight: bold;
}


h3 {
    text-align: center;
    font-size: 32px;
    padding-top: 10px;
    padding-bottom: 3px;
    font-weight: bold;
}

h4 {
    text-align: left;
    font-size: 25px;
    padding-top: 5px;
    padding-bottom: 3px;
    text-decoration: underline;
}

h5 {
    text-align: left;
    font-size: 23px;
    padding-top: 5px;
    padding-bottom: 3px;
    font-weight: bold;
}

全画面の背景カバーを取得する方法があるのだろうか。背景絵の表紙はテキストに沿って進み、何日かは超過日が表示され、超過日が 5 または 6 の場合は画面全体が覆われます。

br/表示されるテキスト行を追加またはカウントすることで、この動作をシミュレートできることはわかっています。しかし、これを達成するためのもっと自然な方法が他にあるのではないかと思います。

ありがとう

4

1 に答える 1