保持像素比例，但缩放尺寸

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的宽度改为任何适合你的布局计算。