Изменение динамического масштабирования страницы iframe на основе размера iframe

Question

Можно ли определить высоту и ширину iframe на странице с рамкой и задать масштаб на основе этого, чтобы страница соответствовала содержимому iframe шириной 100.

Например, у меня есть страница, чей минимум. ширина 960 пикселей, но кто-то хотел бы показать мою страницу в ширину iframe шириной 690 пикселей без полос прокрутки.

Как я могу определить это и масштабировать контент на основе этого, чтобы люди могли видеть целую страницу, но масштабировались меньше?

Answer 1

Meta концепция может быть следующее:

// Check if window is inside of an iframe 
if (window.self !== window.top) { 
    var optimalSize = 500; // desired width of the page 
    document.body.style.zoom = optimalSize/window.innerWidth; 
} 

Другой вариант можно с помощью медиа запросов, чтобы применить соответствующие стили - Я думаю, что это будет лучше для вашей ситуации.