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

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

Никак не могу найти, сам пробовал разобраться но не выходит

Суть его - когда нажимаешь на иконку , то поле вывода динамические изменяет размер

a9a3d24b23af4b62bdf2b0ab744557cd.png

68476f17091042c390da1fd865c97c9e.png

54892801ea6f4f5eb6b725567db1ae92.png

01d7ef926b274fbc8356899d51dd2921.png

646cdbf28a5e4a4f888ff908b081b6d3.png
  • Вопрос задан
  • 316 просмотров
Комментировать
Подписаться 2 Оценить Комментировать
Решения вопроса 1
IonDen
@IonDen
JavaScript developer. IonDen.com
А в чем у вас собственно проблема то? Делается так:
1. Создаем адаптивный сайт
2. Создаем оболочку с кнопочками переключения
3. В центре оболочки помещаем iframe с нашим адаптивным сайтом. Обрамленный силуэтом девайса
4. При нажатии на кнопчочки размеров - меняем размер iframe-а + силуэт устройства
5. Profit!

Демо: https://jsfiddle.net/IonDen/ee77ndLv/
Ответ написан
4 комментария
4 комментария
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Middle JavaScript Developer
AppsTrain.io
от 80 000 до 180 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Автоматизация отчетности сектора подбора и развития персонала в 1С
02 мая 2024, в 05:49
7000 руб./за проект
Изменение темы сайта на ghost cms
02 мая 2024, в 04:47
5000 руб./за проект
Symfony, Vue - Сервис автоматизации бизнеса натяжных потолков
02 мая 2024, в 04:44
700 руб./в час
Ещё заказы