Я пытаюсь создать простой инструмент для того, чтобы кто-то мог редактировать определенные аспекты веб-страницы, исправленной в противном случае HTML. Частью этого является возможность предварительного просмотра страницы (левая половина представления - это конфигурация, правая половина - окно предварительного просмотра), когда вы ее создаете, чтобы иметь прямую обратную связь о ваших изменениях.
![enter image description here](https://i.stack.imgur.com/QWpne.png)
На данный момент я могу решить эту проблему с помощью DIV-оболочки и применив либо zoom: 0.5
, либо transform: scale(0.5)
. Это работает для «настольного» представления, но если я хочу получить «мобильное» представление (чтобы я мог продемонстрировать адаптивное наложение / скрытие элементов), есть ли способ для меня смоделировать ширину на мобильном устройстве устройство все еще занимает только 50% ширины моего экрана?