Сохранение соотношения пикселей, но масштабирование

Question

Итак, у меня есть этот эмулятор, созданный с использованием asp.net. Эмулятор использует и iframe в размере устройства.

Однако на ipad размер устройства является большим для экрана, и мне нужно его масштабировать.

Кто-нибудь знает, как я могу это сделать, масштабируя этот iPad, но сохраняя соотношение пикселей в ipad? Или, если это вообще возможно?

Любая помощь была бы принята с благодарностью.

Спасибо.

Answer 1

Возможно, это сработает для вас. Раньше у меня была такая же проблема, и это сработало.

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/> 

Answer 2

Вы можете использовать трюк подстилки для обеспечения того, чтобы любые элементы сохраняли свое соотношение при переменной ширине.

iframe { 
    width: 100%; 
    height: 0; 
    padding-bottom: 56.25%; 
    position: relative; 
} 

iframe .child { 
    width: 100%; 
    height: 100%; 
    position: absolute; 
} 

56.25% обеспечивает IFrame сохранит 16: 9, вычисленный делая 9/16 * 100

Теперь вы можете изменить ширину Iframe на то, что подходит для вашего макета.