Question

所以我有这个使用asp.net创建的模拟器。模拟器使用设备大小的iframe。

然而，在ipad上，设备尺寸对于屏幕而言是大的，我需要缩放它。

有谁知道如何扩展这款iPad，但保持ipad的像素比率？或者，如果这是可能的话？

非常感谢任何帮助。

感谢。

Answer 1

您可以使用填充底部技巧来确保任何元素在可变宽度处保持其比率。

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的宽度更改为适合您布局的宽度。

Answer 2

也许这对你有用。我之前遇到过同样的问题，这很有用。

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

保持像素比率但缩放尺寸

2 个答案: