Как загружать другой html файл при маленьких разрешений экрана?

Question

[niceevolutionjoke]

Есть сайт десктопной версии, нужно чтобы при разрешении экрана в, допустим, 500px загружался другой html документ. Со стилями все понятно их можно и объединить и ещё много чего, а что делать с html?

Answer 1

[Сергей]

Либо сначала на странице срабатывает JS скрипт, который решит какой html подгрузить, или серверная часть сформирует нужный html в зависимости от разрешения экрана клиента.

Answer 2

[zkrvndm]

Допустим так:

<script>
    if (window.innerWidth <= 500) {
        location.href = '/mobile.php';
    }
</script>

Если ширина окна равна или меньше 500 пикселей, то будет переадресация на страницу /mobile.php