2

当我设计一个不流畅/不响应的网站然后在 iPad 上查看该网站以了解我看到的不同结果时,我总是有点困惑。

我想知道 iPad 究竟是如何调整/缩放网站的?

一位开发人员在一次讨论中告诉我,如果您说创建一个 1200 像素宽的网站,那么您无需担心,因为 iPad 会自动缩放。通过这种缩放,我的意思是整个站点将始终可见,无需水平滚动。

有时这往往是这种情况,但是当您查看同一站点的某些页面时,情况并非如此。

哪些页面正确显示,哪些页面显示不正确,这似乎有点随机,这可能非常令人沮丧。

基于上述情况,我想再极端一点,我希望一个 4000 像素的网站在 iPad 上水平显示,即使内容非常小并且需要放大以使其清晰可见。这是一个正确的假设吗?

当方向改变时,网站上似乎还有一些自动缩放,这又很烦人。对此有解释吗?

最后,我阅读了很多关于禁用夹点的解决方案。这对于 iPad 来说似乎很好,但对于 iPhone 来说就更棘手了,因为几乎所有用户都需要缩放才能使内容清晰易读。是否可以为一个设备禁用它而不是另一个?

感谢所有输入。

4

1 回答 1

3

重击

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

在您的 HTML<head>中。它告诉设备不要缩小它。

您可以使用 PHP 来确定设备并在必要时切换该行代码。

于 2012-12-06T13:15:20.960 回答