Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

Скрыть DIV при разрешении ниже 768 пикс


hon2012

Recommended Posts

Скрыть с помощью CSS - не подойдет

 

Из за особенностей шаблона нужно сделать чтоб на мобильных телефонах не отображался один DIV  и решение display:none в CSS не подходит т.к. этот DIV виден в исходном коде на мобильном.

 

Может есть решение на PHP не выводить этот DIV при разрешении ниже 768 пикс  ?

Надіслати
Поділитися на інших сайтах


Только что, hon2012 сказал:

Скрыть с помощью CSS - не подойдет

 

Из за особенностей шаблона нужно сделать чтоб на мобильных телефонах не отображался один DIV  и решение display:none в CSS не подходит т.к. этот DIV виден в исходном коде на мобильном.

 

Может есть решение на PHP не выводить этот DIV при разрешении ниже 768 пикс  ?

А что мешает сделать медиа запрос в css под разрешение мобилки. Скрыть на декстопе и отобразить на мобилках.

Надіслати
Поділитися на інших сайтах

@media (max-width: 768px) {
	тут ваш див{
		display: block;
	}
}

@media (min-width: 768px) {
	тут ваш див{
		display: none;
	}
}

 

Надіслати
Поділитися на інших сайтах

if(window.matchMedia('(max-width: 768px)').matches){
	$('ваш блок').css('display','block');
} else {
	$('ваш блок').css('display','none');
}

 

Надіслати
Поділитися на інших сайтах

49 minutes ago, legioner26 said:

@media (max-width: 768px) {
	тут ваш див{
		display: block;
	}
}

@media (min-width: 768px) {
	тут ваш див{
		display: none;
	}
}

 

 

Так если таким образом скрыть через CSS  - то в исходном коде страницы все равно этот DIV отображается (робот будет его видеть)

А для посетителя он естественно будет скрыт

 

 

Надіслати
Поділитися на інших сайтах


14 минут назад, hon2012 сказал:

(робот будет его видеть)

И шо? В чём проблема?

Если файлы CSS открыты, то робот разберётся (по идее).

Это если в том ДИВе большие фотки, которые Вам не хочется грузить пользователям через мобильный интернет, то да.

А роботы пусть смотрят.

Змінено користувачем florapraktik
Надіслати
Поділитися на інших сайтах


2 hours ago, florapraktik said:

И шо? В чём проблема?

Если файлы CSS открыты, то робот разберётся (по идее).

Это если в том ДИВе большие фотки, которые Вам не хочется грузить пользователям через мобильный интернет, то да.

А роботы пусть смотрят.

 

Мне нужно скрыть содержание этого DIVа от роботов на мобильном

Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку

×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.