IPads和自动调整大小/重新缩放网站

时间:2012-12-06 13:07:06

标签: iphone ios ipad

当我设计一个不流畅/反应灵敏的网站时,我总是有点困惑,然后在IPad上查看该网站,看看我看到的不同结果。

我想知道IPad究竟如何调整/扩展网站?

一位开发人员在讨论中告诉我,如果你说创建一个1200px宽的网站,那么你不必担心,因为IPad会自动扩展。通过这种缩放,我的意思是整个网站总是可见,不需要水平滚动。

有时情况往往如此,但是你看一下同一网站的某些页面,这是不正确的。

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

基于以上所述,我认为这更加极端我希望4000px网站能够在iPad上水平显示,即使内容非常小,并且需要放大才能使其清晰易读。这是一个正确的假设吗?

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

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

感谢所有输入。

1 个答案:

答案 0 :(得分:3)

哎呀

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

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

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