Адаптив

Ну так и реализовать. Начинаем с 

<meta name="viewport" content="width=device-width, initial-scale=1">

Дальше добавляем какую-то универсальную часть для экранов 960px и меньше:

@media screen and (max-width: 960px) {
img {max-width: 100%; height: auto; box-sizing: border-box;}
iframe, textarea, input, button, submit, select, video, object, embed {max-width: 100%; box-sizing: border-box;}
table, span, ins {max-width: 100%;}
}

Ну и потом меньше и еще меньше. И так до 330 - 310px:

@media screen and (max-width: 775px) {
}
@media screen and (max-width: 500px) {
}

Если нужно, добавляем отдельное меню в шапке. Которое Гамбургер или "Бутерброд". Смотрим что мешает уменьшить сайт и работаем / перемещаем каждый блок.

Часто хватает мета-тега и посмотреть - чего там такое в теме происходит. )) Ну и будут вопросы - пишите.

А я ничего не понял. )) Но если будут вопросы по адаптиву, пишите.

По идее, можно адаптировать как для маленьких экранов, так и для больших. Вообще любой сайт на чем угодно, если есть куда стили добавить и миеню с тегами.

Ничего не понял тоже, адаптив и верстка в целом не зависят от платформы, как уже выше написали, что в стили напишете - то и увидите на экране.

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