Задать вопрос
@web11
javascript

Какой скрипт используют для демонстрации адаптивного дизайна сайта?

При выборе шаблонов для сайта иногда попадаются очень интересные демки, в которых можно не изменяя окна браузера оценить адаптивность сайта.
Например, inthe7heaven.com/preview/?theme=Flatastic%20VM
Вверху находятся иконки различных устройств, при нажатии на которые изменяется окно просмотра сайта.
Посоветуйте готовое решение для такой задачи.
  • Вопрос задан
  • 2846 просмотров
Комментировать
Подписаться 3 Оценить Комментировать
Решения вопроса 1
copist
@copist
Empower people to give
Скрипт переключения размеров - очень простой jsfiddle.net/copist/y3xxkLto

Наука там в том, что на сайте, который отображается в iframe, прописаны стили CSS, отдельные правила которых применяются при разных размерах экрана. Адаптивный дизайн.

P.S. Я знаю, вы в тайне любите поняшек. Только скрываете это :)
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ответы на вопрос 3
dzhiriki
@dzhiriki
Ну, могли бы посмотреть как оно там сделано.
Верстка на отдельной странице. Вставляется через , ему же при клике на иконку выставляется нужная ширина и мишура в виде рамочки телефона.
Сложности никакой нет.
Ответ написан
1 комментарий
1 комментарий
bootd
@bootd
Гугли и ты откроешь врата знаний!
Скрипта ввиде плагина нет! Нужно писать самому. Как написал dzhiriki, при клике на иконку выставляется нужная ширина.
Ответ написан
Комментировать
Комментировать
Fesor
@Fesor
Full-stack developer (Symfony, Angular)
шаблон отображается внутри iframe, кнопки только меняют оформление страницы и задают ширину фреймку. Никакой науки.
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Fullstack
OnClass
от 200 000 до 600 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Анимация логотипа
24 апр. 2024, в 00:08
20000 руб./за проект
Разработка дизайна раздела «Статьи» на сайте «Мир отходов»
23 апр. 2024, в 23:01
10000 руб./за проект
Дизайн личного кабинета (клиентская часть)
23 апр. 2024, в 22:37
500 руб./в час
Ещё заказы