Question

我有一个基于网络的游戏的CSS布局，它只适合iPad屏幕（它在iPad应用程序中运行）。现在我想把同一个游戏移植到iPhone上。如果我只是使用iPhone 5模拟器运行应用程序，它只会显示一个320x568的屏幕部分。

我想知道是否有办法（自动？）缩小页面上的每个组件以使其更小并适合iPhone 5的屏幕。有很多图像是根据iPad的分辨率设计的，因此它们比iPhone上的图像要大。可以根据屏幕大小调整CSS的大小，还是需要手动调整大小？

在我已经包含的index.html文件中：

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

然而，它不会自动调整大小到iPhone的屏幕。还有很多硬编码像素值。我可以简单地将它们更改为相对于屏幕的百分比吗？

为了记录，我没有写这段代码，而且我不擅长CSS。谢谢你的帮助。

Answer 1

您可以在此网站上查看帮助...您可以根据设备尺寸研究如何调整布局。

如果链接过期，请不要责怪; - ）