橫向模式手機上的小型圖庫傳送帶

Question

當我以縱向模式查看我的網站時，圖庫看起來不錯，但是當我在橫向模式下查看時，它非常龐大。在我的iPhone SE上，它對屏幕來說太大了。 我不知道如何讓它變小。有人能幫助我嗎？ 網址：http://st358373.cmd16c.cmi.hanze.nl/aljen/home/

@media screen and (max-width: 736px) { 
    #galery-carousel { 
     width: 100% !important; 
    } 
    .carousel.slide { 
     width: 100% !important; 

    }} 

桌面：

.galerij-slider { 
    width: 60% !important; 
    margin-left: auto; 
    margin-right: auto; 
    margin-top: 100px; 
} 

移動CSS不拿起galerij滑塊股利。我希望有人能幫助我。

Answer 1

你應該檢查iphone的媒體查詢。 Source。

例如： -

你可以把它像這樣。

iPhone 5 & 5S縱向&景觀

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) { /* STYLES GO HERE */} 

iPhone 5 & 5S景觀

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) { /* STYLES GO HERE */} 

iPhone 5 & 5S縱向

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) { /* STYLES GO HERE */ } 

讓您的樣式在媒體查詢中。

例如： -

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) { 
      #content { 
      float: none; 
      width: 100%; 
      } 
      #navigation { 
      float: none; 
      width: auto; 
      } 
     }