iPhone HTML 问题 - 仅访问正文

Question

我正在尝试让 HTML 页面在移动设备(主要是 iPhone 和 Android)上正确呈现。该页面是一个 448x278 的图像，其下方有几行文本，全部居中。当有人访问该页面时，我希望它在设备的浏览器中正确缩放，以便它填满设备的屏幕(而不是完全缩小)。

关键在于，为什么我在网上找不到任何可用的东西:该页面是无线强制门户的登录页面。它运行的硬件(不幸的是专有设备)只允许自定义页面，所以我不能使用任何元标记。

不幸的是，他们也不允许任何类型的脚本(JS 除外)。因此它必须是一个静态 HTML 页面，可以在任何浏览器中正确呈现和工作。

有谁知道有什么技巧可以解决这个问题吗？我尝试了各种 div 甚至具有绝对宽度的表格，但一无所获。尽管我喜欢做完全符合标准的 HTML 4.01，但似乎我需要一些 hack 才能在不访问 .

如有任何想法，我们将不胜感激。谢谢，杰森

Answer 1

使用来自“ahonorstudent”的元代码，您可以这样做:

var meta = document.createElement('meta');
meta.name = 'viewport';
meta.content = 'initial-scale=1.4';
document.getElementsByTagName('head')[0].appendChild(meta);

在 JS 中。那应该有效。但是，正如他指出的那样；您可能需要调整比例。