ランドスケープモードの小さなカルーセル携帯電話

Question

私のウェブサイトをポートレートモードで見ると、ギャラリーは見た目が良くなりますが、風景モードで見ると膨大なものになります。私のiPhone SEでは、それはスクリーンにとっても大きすぎます。 私はそれをもっと小さくする方法がわかりません。誰か助けてくれますか？ URL：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スライダーのためのdivをピックアップしていません。誰かが私にこれを手伝ってくれることを願っている

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; 
      } 
     }