Ограниченный просмотр на земле

Question

Я хочу потерять элемент на моем сайте, который появляется в определенном месте при прокрутке сайта. Однако я хочу сделать это только по телефону. Я думаю, что могу сделать это с помощью тега @media, но я не знаю, как найти определенное место, а затем потерять его, что может помочь?

Answer 1

Вы захотите использовать инспектор браузера и опцию изменения размера веб-браузера выше или ниже ширины целевого размера телефона. Если вы используете Google Chrome, то здесь есть удобное руководство по использованию режима устройства в инструментах разработчика: https://developers.google.com/web/tools/chrome-devtools/device-mode

Другая вещь, которую вам нужно сделать предназначается для элемента в CSS и скрывает его в зависимости от размера браузера. Синтаксис будет выглядеть примерно так:

@media (max-width: 640px) {
    .the-class-name-value {
        display: none;
    }
}

Вам нужно заменить часть 640 на максимальный размер браузера, на который вы хотите настроить таргетинг, и заменить the-class-name-value значением class атрибут фактического элемента. Надеюсь, это поможет!