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

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

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

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

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

Благодарю.

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 на все, что подходит для вашего макета.

licensed under cc by-sa 3.0 with attribution.