Новости Joomla

1   Вниз
0 Пользователей и 1 Гость просматривают эту тему.
  • 6 Ответов
  • 3761 Просмотров
*

web1

  • Захожу иногда
  • 364
  • 23 / 1
Как отобразить текст только на мобильных, на Пк и планшетах скрыть?
« : 18.06.2022, 10:44:29 »
Добрый день, как отобразить текст только на мобильных, на Пк и планшетах скрыть через CSS?
« Последнее редактирование: 31.01.2025, 04:46:14 от web1 »
Записан
*

effrit

  • Легенда
  • 10132
  • 1118 / 13
  • effrit.com
Re: Как отобразить текст только на мобильных, на Пк и планшетах скрыть?
« Ответ #1 : 18.06.2022, 11:24:02 »
здра. гугли media-запросы.
а если сайт на фреймворке, типа бутрстрапа, то там готовые правила есть и нужно только классы нужным блоком проставлять
Записан
*

web1

  • Захожу иногда
  • 364
  • 23 / 1
Re: Как отобразить текст только на мобильных, на Пк и планшетах скрыть?
« Ответ #2 : 18.06.2022, 11:46:56 »
Сделал так:



@media screen and (min-width: 480px) {
.style {
      display: none;
   }
}


На всех устройствах ширина которых не превышает 480px текст отображается, после скрывается.
Записан
*

web1

  • Захожу иногда
  • 364
  • 23 / 1
Re: Как отобразить текст только на мобильных, на Пк и планшетах скрыть?
« Ответ #3 : 18.06.2022, 12:11:19 »
На мобильном этот CSS код работает, а на планшете нет, не подскажите почему?
« Последнее редактирование: 31.01.2025, 04:46:32 от web1 »
Записан
*

marksetter

  • Завсегдатай
  • 1045
  • 40 / 0
Re: Как отобразить текст только на мобильных, на Пк и планшетах скрыть?
« Ответ #4 : 18.06.2022, 12:20:05 »
так от ширины планшета зависит
ну или кеш
Записан
индивидуальная помощь: @SetAlexx
*

effrit

  • Легенда
  • 10132
  • 1118 / 13
  • effrit.com
Re: Как отобразить текст только на мобильных, на Пк и планшетах скрыть?
« Ответ #5 : 18.06.2022, 12:26:44 »
добавляй ?v=1.01 к пути файла CSS, чтобы сбрасывать кэш
цифры надо менять при каждом изменении файла стилей
Записан
*

darkghost

  • Живу я здесь
  • 2212
  • 97 / 0
Re: Как отобразить текст только на мобильных, на Пк и планшетах скрыть?
« Ответ #6 : 20.09.2022, 22:14:03 »
Цитата: web1 от 18.06.2022, 12:11:19
На мобильном этот CSS код работает, а на планшете нет, не подскажите почему?

https://co.forum.cool/
а если вот так?
Код
@media all and ( min-width: 480px )....
И запросы медиа в одной блоке, группе, пишутся от Большего к Меньшему
« Последнее редактирование: 20.09.2022, 22:18:23 от darkghost »
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как обернуть текст стилем из Uikit 3?

Автор DeniTornado

 Ответов: 3
Просмотров: 12340 		Последний ответ 30.10.2024, 09:59:35
от Vastriet
Как убрать маркер только из одного пункта меню.

Автор kuraev64

 Ответов: 2
Просмотров: 1667 		Последний ответ 20.07.2020, 11:18:44
от kuraev64
Как last-child отобразить первым?

Автор master-smeta

 Ответов: 5
Просмотров: 1180 		Последний ответ 20.12.2019, 15:32:44
от beliyadm
Где править фон и текст меню

Автор mihsmol

 Ответов: 2
Просмотров: 1604 		Последний ответ 13.06.2019, 00:56:31
от Kostelano
Как скрыть option value?

Автор videoruslan

 Ответов: 9
Просмотров: 2309 		Последний ответ 17.05.2019, 09:40:36
от videoruslan