javascript как вывести в html страничке текст в зависимости от разрешения экрана или размера браузера

Если нужно на странице вывести определенный текст когда разрешение на компьютере пользователя больше 1600 по горизонтали (например для вывода рекламного блока) то можно воспользоваться таким джаваскриптом:

<div id="id1" style="padding:13px 3px;">

<!-- тут то, что нужно вывести-->

</div>

<!-- этот скрипт помещаем вниз страницы -->
<script type="text/javascript">
  if (screen.width>=1600) document.getElementById('id1').style.display = 'block';
    else document.getElementById('id1').style.display = 'none';
</script>

Или в другом варианте нужно вывести что то пользователю когда его браузер имеет определенное разрешение, например 400 точек по горизонтали:

Вместо if (screen.width>=1600) подставляем if (document.body.clientWidth=400)

Чтобы совместить два условия в операторе if javascript воспользуемся логическим оператором and:

if (screen.width>=1600 && document.body.clientWidth=400)

В данном варианте текст между ДИВами покажется на том комьютере, у которого разрешение больше 1600 пикселов, а размер браузера равен 400 пикс.

Не забывайте, что в исходном HTML коде информация между ДИВами будет присутствовать и передана на ПК/телефон/планшет посетителю вашей странички.