Bymas | Как скрыть элементы сайта

652591566 ,

css

   <style type="text/css"> .show-on-mobile { display: none; } /* Под телефон and Landscape */ @media only screen and (min-device-width : 320px) and (max-device-width : 480px){ .show-on-mobile { display: inline; }} </style>  Как скрыть:  Чтобы спрятать определенный контент от пользователей мобильной версии страницы, вам нужно добавить в нужном месте контейнера <body> код, похожий на предыдущий:  <div> Здесь текст или изображение. </div>  Затем необходимо прописать стили CSS в контейнере <head> или в отдельном CSS-файле (без контейнера <style>):  <style type="text/css"> .hide-on-mobile { display: inline; } /* Под телефон and Landscape */ @media only screen and (min-device-width : 320px) and (max-device-width : 480px){ .hide-on-mobile { display: none; }} </style>

Кошмар , неа

nefakt [] , спс буду колдовать

Не поленись, а прочти статейку)
CSS медиа-запросы (media queries) - https://itchief.ru/html-and-css/media-queries

nefakt [] (02.02.2022 в 14:19) 652591566 ,

css

   <style type="text/css"> .show-on-mobile { display: none; } /* Под телефон and Landscape */ @media only screen and (min-device-width : 320px) and (max-device-width : 480px){ .show-on-mobile { display: inline; }} </style>  Как скрыть:  Чтобы спрятать определенный контент от пользователей мобильной версии страницы, вам нужно добавить в нужном месте контейнера <body> код, похожий на предыдущий:  <div> Здесь текст или изображение. </div>  Затем необходимо прописать стили CSS в контейнере <head> или в отдельном CSS-файле (без контейнера <style>):  <style type="text/css"> .hide-on-mobile { display: inline; } /* Под телефон and Landscape */ @media only screen and (min-device-width : 320px) and (max-device-width : 480px){ .hide-on-mobile { display: none; }} </style>

Почему display:inline, и как насчёт плотности пикселя?)
________
посл. ред. 02.02.2022 в 18:06; всего 1 раз(а); by VayDiS

/*
Твой код
*/

html:

html

   <div class="web">Контент для ширини больше 700 пикселей</div> <div class="wap">Контент для ширини меньше 700 пикселей</div>

css:

css

   @media (max-width: 700px) { wap { display:none; }  }  @media (min-width: 701px) { web { display:none; }  }

Uran (02.02.2022 в 19:22)
/*
Твой код
*/

Я вперёд подобное предложил, он говорит не то

http://mobiledetect.net/ все подробно и с примерами

VayDiS (02.02.2022 в 18:05)

Почему display:inline, и как насчёт плотности пикселя?)

Я так захотел

Я кинул на вскидку для общего понимания

что к чему