Мои медиа-запросы не меняются, как хотелось бы - PullRequest
Новая
       34

Мои медиа-запросы не меняются, как хотелось бы

0 голосов
/ 23 октября 2018

В настоящее время я пытаюсь изменить отступ текста моей целевой страницы, поэтому она нажимает кнопку плавной прокрутки вниз страницы.Однако запросы работают до (min-width: 600px), и они не меняются выше.

Mixins Partial 

@mixin for-phone-only {
    @media (max-width: 599px) {
        @content;
    }
}

@mixin for-tablet-portrait {
    @media (min-width: 600px) {
        @content;
    }
}

@mixin for-tablet-landscape {
    @media (min-width: 899px) {
        @content;
    }
}

@mixin for-desktop-up {
    @media (min-width: 1200px) {
        @content;
    }
}

Landing Page Partial 

.welcomeTitle {
font-family: $landing-font;
font-size: $landing-header-size-l;
text-shadow: 1px 1px 15px #000;
padding-top: 20%;
@include for-phone-only {
    font-size: $landing-header-size-sm;
}

}

.welcomeText {
@include for-desktop-up {
    padding: 0 20% 21.5% 20%;
    font-size: $landing-text-size-l;
}

@include for-tablet-landscape {
    padding: 0 20% 20% 20%;
}

@include for-tablet-portrait {
    padding: 0 20% 60% 20%;
}

@include for-phone-only {
    padding: 0 20% 50% 20%;
}


}

Таким образом, он применяет запрос портрета планшета, но когда ширина превышает 899px, он не применяется.Планшетный планшет, или когда он превышает 1200 пикселей, он не применяет запрос рабочего стола.

Спасибо: D

...