2015-01-09 54 views
0

我製作了一個旋轉木馬來填充瀏覽器的100%高度和寬度,它在桌面上或移動設備上的很好模式下都可以,但切換到橫向時顯示屏會中斷。我做了一個bootply,但它並沒有顯示我提到的錯誤。也許它是由我添加的表單造成的?Bootstrap 3全屏旋轉木馬不是全屏的風景

http://www.bootply.com/BKl0fXVMrj

你可以在這裏看到實際的錯誤。打開開發工具選擇一個iphone4,5,6 galaxy s4,5 ..幾乎任何當前的智能手機,你會明白我的意思。

http://www.casouza.com/homelist

+0

我相信這是由於您現在需要在橫向模式中滾動這一事實造成的,您可以嘗試使其無法滾動,但這可能不實用。否則,可能值得嘗試將轉盤設置爲固定位置? –

回答

0

我之前的評論之後,我看了深入到這個問題,嘗試下面的代碼在你的CSS。

#bg-slide-carousel .carousel-inner {  

    position:fixed; 

} 

這使得背景旋轉木馬與視口保持一致。我已經在你發佈的網站的chrome開發工具模擬器中測試過了,它似乎工作正常。