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

652591566,

<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,

<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:

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

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

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, и как насчёт плотности пикселя?)

Я так захотел

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

что к чему