Как написать разный HTML для разных размеров экрана

Я понял, как изменять CSS с помощью медиа-запросов (например, media="screen and (max-width:640px)")

но, допустим, я хочу написать (просто для примера)

<div>
[if screen resolution is lower then 960 px]
    <div>
    some new text only for lower resolution
    </div>
[end of condition]
</div>

Какое условие мне нужно написать, чтобы все получилось правильно?