網站背景全屏數字標牌系統

我正在使用Raspberry Pi和Screenly-OSE作爲我們藥房的數字標牌解決方案。隨着過夜，我會展示各種廣告。我正在使用一個非常簡單的Sinatra應用程序來serve overnights。很好的工作，除了一個小的細節，這讓我感到很不舒服，這裏有一個可用空間：請參閱picture。網站背景全屏數字標牌系統

我用下面的非常簡單的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/和/或計算顯示的文本行來模擬此行爲。但我不知道是否有其他的，更多天然的方式來實現這一點。

謝謝

來源

2013-08-01 Panagiotis Atmatzidis