Jump to content
hon2012

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

Recommended Posts

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

 

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

 

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

Share this post


Link to post
Share on other sites
53 minutes ago, spectre said:

гуглите php mobile detect

По-моему, лучше browscap.

Share this post


Link to post
Share on other sites
Только что, hon2012 сказал:

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

 

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

 

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

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

Share this post


Link to post
Share on other sites
@media (max-width: 768px) {
	тут ваш див{
		display: block;
	}
}

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

 

Share this post


Link to post
Share on other sites

Ну а если там какие то проблемы с CSS то сделать на Media Query

Share this post


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

 

Share this post


Link to post
Share on other sites
49 minutes ago, legioner26 said:

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

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

 

 

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

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

 

 

Share this post


Link to post
Share on other sites
14 минут назад, hon2012 сказал:

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

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

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

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

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

Edited by florapraktik

Share this post


Link to post
Share on other sites
2 hours ago, florapraktik said:

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

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

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

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

 

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

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.