Как правильно подредактировать код?

D

1108

Dram

12 марта 2015, 05:39

535

Нужно чтобы эти дивы

показывались только при разрешении более 1024

как правильно их вставить в этот код (нашел пример в сети)?

jQuery(document).ready(function() {
var width = (window.innerWidth > 0) ? window.innerWidth : screen.width;
if(width > 1024) {
jQuery.get("/left.html", function(data){
jQuery("#left").html(data);
});
}
});

675

vandamme

12 марта 2015, 06:12

#1

Dram, вот так

@media only screen and (max-width: 1024px) {
#search { display: none }
}

2

R

74

rixter

12 марта 2015, 06:16

#2

Как вариант. Если разрешение экрана по ширине меньше 1024, то div'у с id="search" устанавливается св-во display: none

jQuery(document).ready(function() {

var width = (window.innerWidth > 0) ? window.innerWidth : screen.width;

if(width < 1024) {

$('#search').hide();

}

});

1

ДП

203

Дикий пионер

12 марта 2015, 06:46

#3

Если будете скрывать/показывать див через js, то не забудьте обрабатывать изменение размеров окна браузера. А то может кто-то сайт в окне браузера откроет, а потом развернет его на весь экран.

1

334

TF-Studio

12 марта 2015, 11:10

#4

@media only screen and (max-width: 1024px) {

это более верный способ

Всё ещё лучший способ заработка для белых сайтов: GoGetLinks (https://www.gogetlinks.net/?inv=fahbn8).

Google: E-E-A-T не является фактором ранжирования

Переиграть и победить: как анализировать конкурентов для продвижения сайта