Как полностью убрать блок при определённом разрешении?

Question

[lexchz]

Нужно сделать так, чтобы при заходе на сайт с устройства разрешением экрана меньше определённого, один из блоков сайта был исключён. Т.е., чтобы не средствами css скрыт, а полностью исключён и его содержимое не грузилось.
Что-то типа такого:

if width > 800 {
<div class="banner"></div> }
else }

Answer 1

[Constantin Tsukanov]

На самом деле никак (почти). Дело в том, что браузеры не отправляют серверу информации о разрешении окна. Пока запрос идет на сервер, пользователь может изменить его размер (на телефоне тоже реально, так как можно изменить ориентацию экрана).

Если очень хочется, есть библиотека Tera-Wurfl. Она построена на основе xml, где сопоставлены User-Agent клиента и разрешение этого устройства, она не точная, часто ошибается, но может быть вам подойдет.

UPD:
Судя по тэгу AJAX, могу предположить что часть верстки вы гоняете через него (что не очень хорошо), тогда можно просто при отправке запроса передать полученные средствами JS width и height окна.

Когда-то у меня стояла похожая задача. Тогда я отошел от попыток получить разрешение экрана и стал использовать Mobile Detect. Просто для планшетов отдавать одну версию, для телефонов другую, для настольных компьютеров и ноутбуков другую.

Answer 2

[Uniq]

$matched = getDeviceCapabilitiesFromAgent($_SERVER[’HTTP_USER_AGENT’]);
$width = getDeviceCapability(”resolution_width”);
$height = getDeviceCapability(”resolution_height”);
echo “Размер дисплея: $width x $height”;

дальше ваш код if ($width === 800 ) ( echo "fsdfdsf";)