在横向模式电话的更小的画廊转盘

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-slider选择div。我希望有人可以帮助我。

Answer 1

您应该检查iphone的媒体查询。 Source。

<强>例如： -

你可以这样做。

iPhone 5＆amp;画像中的5S＆amp;景观

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

iPhone 5＆amp;景观中的5S

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

iPhone 5＆amp; 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;
          }
        }