Как скрыть элемент на мобильном телефоне

Question

У меня есть этот элемент (javascript), который перекрывается при просмотре на мобильном устройстве, теперь, чтобы избавиться от перекрытия, я хочу скрыть его при просмотре на мобильных или небольших экранах.

здесь код

<script type="text/javascript" src="http://likecontrol.com/ticker2/11031104/custom/3/2/198/bottom/transparent|%23000000|Arial,Arial,Helvetica,sans-serif|1.4em|0.04em|12px|auto|419|0|0|0|center|middle|rectangular|0|%2300ffff" ></script> 

я это сделать, как этот

<div class="2leep"><script type="text/javascript" src="http://likecontrol.com/ticker2/11031104/custom/3/2/198/bottom/transparent|%23000000|Arial,Arial,Helvetica,sans-serif|1.4em|0.04em|12px|auto|419|0|0|0|center|middle|rectangular|0|%2300ffff" ></script></div> 

, а затем я положил это на CSS

@media only screen and (max-width: 1026px) { 
#2leep { 
    display: none; 
}} 

Может кто-нибудь помочь мне понять, как сделай это? У меня только немного знаний, новичок здесь.

`

Answer 1

Вы можете использовать modernizr для этого, при загрузке убедитесь, что вы выберите медиазапросы.

Тогда вы можете делать такие вещи, как (только для 767px и выше):

if (Modernizr.mq('(min-width: 767px)')) { 
    //call external js script 
} 

Вы не можете установить элемент display: none; отключить JavaScript вызова, display: none только скрывает тэ элемент для браузера, его еще в DOM & будет выполнен.