2015-03-13 93 views
0

我已經@Bojan佩特科夫斯基找到很好的建議,如何使bxslider全屏:BXslider全屏(reszing瀏覽器窗口致使視覺錯誤)

Making BXslider full screen (filling entire browser window)

但我遇到運行bxslider問題具有視差效果和少量JS腳本(查詢,skollr)。我認爲他們產生了這個問題。但我可能是錯的。

這裏是網站:http://tedxmru.com/

一旦瀏覽器窗口大小調整爲它的最小(使它窄)寬的幻燈片不按比例調整。

正如我測試,如果我沒看錯這個規則是不工作的調整大小:

.bxslider, .bxslider li{ 
    height: 100% !important;; 
} 

問題二,一旦窗口變窄,我打刷新 - 滑塊消失,而我沒有寫任何媒體查詢來隱藏它。

需要幫助的大小調整問題修復它

回答

0

試試這個:

.bxslider, .bxslider li{ 
    height: 100vh !important; 
} 

我想它在自己的網站開發工具,它似乎是工作。至少用於調整幻燈片大小。