Условие для мобильного устройства

R
На сайте с 01.10.2013
Offline
87
891

Добрый день. Подскажите пожалуйста, как задать условие для мобильного устройства.

Нужно собственно следующее: На сайте добавлен код, который отображает елемент, можно ли сделать условие таким образом, чтобы когда посетитель заходит на сайт с мобильного устройства. либо с устройства с разрешением екрана меньше 1024 px, то чтобы этот код попросту игнорировался.

Спасибо.

S5
На сайте с 04.01.2010
Offline
77
#1

media queries

R
На сайте с 01.10.2013
Offline
87
#2
sg552:
media queries

media queries использую в CSS для именения стилей

@media screen and (min-width:800px) {

/* Селекторы */

}

както так. Но отменить кусок исходного кода они не могут :)

Подскажите как правильно использовать эту же или подобную функцию в html. Может есть возможность использования функции через php чтото вроде:

if @media screen and (min-width:800px) {

/* определенный кусок html или php кода */

}

Спасибо

A
На сайте с 30.09.2012
Offline
12
#3

О каком коде речь? PHP? Что он выводит?

Как вариант, если там какой-то блок выводится, то можно скрывать его с помощью media запросов.

Q
На сайте с 09.10.2011
Offline
71
#4

на js вот:

var isMobile = navigator.userAgent.match(/(iPhone|iPod|iPad|Android|BlackBerry)/);

if(isMobile) {

// User-Agent is IPhone, IPod, IPad, Android or BlackBerry

}

R
На сайте с 01.10.2013
Offline
87
#5
aaidlin:
О каком коде речь? PHP? Что он выводит?
Как вариант, если там какой-то блок выводится, то можно скрывать его с помощью media запросов.

Та без разницы что выводить. Скрыть я его скрываю опять таки через СSS через тоже же медиа запрос просто прописав нужному ДИВу display: none;

Но хотелось бы знать как этиже запросы использовать в php, чтото вроде условия, если скрин меньше чем 600пикс, к примеру, то не читать вобще определенный блок а не просто скрывать. Темболее я не уверен что дисплеями через сSS стоит баловаться, слышал поисковики к ним относятся осторожно.

P
На сайте с 23.05.2014
Offline
1
#6
sg552:
media queries

А еще лучше сразу взять bootstrap или fountation 4. И тогда вообще ни о чем парится не надо. Дока у них отличная, решений много.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий