Проблема с попыткой показать iframe масштабируемого веб-сайта. ⇐ CSS

[Anonymous]

Я пытаюсь создать веб-сайт, на котором будет отображаться iframe, сбоку от которого есть панель. Главное, что мне нужно, это чтобы iframe отображал веб-сайт так, как если бы он был на мониторе с разрешением 1920 пикселей, независимо от разрешения, используемого средством просмотра веб-сайта. Я прикрепил несколько изображений-макетов, чтобы попытаться объяснить это. Как вы можете видеть, когда пользователь перетаскивает окно, сайт iframe сжимается, но сохраняет те же пропорции по ширине и масштабируется, поэтому вы можете видеть большую часть сайта. внизу. Поэтому, если пользователь использовал разрешение 1368x768, как вы можете видеть в другом макете, он все равно увидит, как веб-сайт будет отображаться при разрешении 1920 пикселей.
Прошу прощения, если это сбивает с толку, я был пытаюсь последние 2 дня, но мне так и не удается заставить его постоянно заполнять контейнер, в котором находится iframe, всегда есть пробелы, или он не масштабируется, или возвращается к версиям для планшетов/мобильных устройств, и все это я пытаюсь избегайте.
Есть ли у кого-нибудь какой-нибудь совет для меня, какие-либо указания, которые я могу попробовать, очень ценю любую помощь.
Как это должно выглядеть на Монитор 1920x1080


Как он должен выглядеть на мониторе 1920x1080, если его уменьшить


Как это должно выглядеть при разрешении 1368x768


Что касается кода, я пробовал очень много вещей, наиболее «успешным» является использование js, это то, что я делал, но это не сработало так, как мне хотелось.
бр />function adjustIframeScale() {
if (iframe && container) {
const containerWidth = container.getBoundingClientRect().width;
const scale = (containerWidth * 2) / 1920;

iframe.style.transform = `scale(${scale})`;
iframe.style.transformOrigin = '0 0';

container.style.height = `${1080 * scale}px`;

// Log values for debugging
console.log('Scale values:', {
containerWidth,
scale,
scaledHeight: 1080 * scale
});
}


Подробнее здесь: https://stackoverflow.com/questions/791 ... hat-scales