Скрытие раздела рабочего стола на мобильном сайте и отображение раздела только для мобильных устройств

#php #css #responsive-design

#php #css #адаптивный дизайн

Вопрос:

просто у меня есть видео-фон для моего шаблона, но он загружается слишком медленно на мобильных устройствах! что я пытаюсь сделать, чтобы скрыть видео на экранах мобильных устройств и скрыть мобильный слайдер при просмотре с рабочего стола

что я получил

    @media screen and (min-width: 0px) and (max-width: 400px) {
     #mobi-slider { display: block; }  /* show it on small screens */
   }

   @media screen and (min-width: 401px) and (max-width: 1024px) {
     #video-slider { display: none; }   /* hide it elsewhere */
   }
 

но это не имеет смысла для кода, какие-либо предложения по этому поводу?

Комментарии:

1. это не имеет смысла для кода . Что вы имеете в виду? CSS скроет только ваше видео, оно, вероятно, все равно загрузится.

2. видео все еще отображается, а мобильный слайдер не отображается, спасибо за ваш реплей @putvande, я получил совет определить с помощью php устройство, с которого я выхожу из системы, я попробую сейчас!