当我设计一个不流畅/响应不灵敏的网站,然后在 iPad 上查看该网站时,我总是感到有点困惑,因为我看到了不同的结果。
我想知道 iPad 究竟是如何调整/缩放网站的大小?
一位开发人员在一次讨论中告诉我,如果您说创建一个 1200 像素宽的网站,那么您无需担心,因为 iPad 会自动缩放。通过这种缩放,我的意思是整个网站将始终可见,无需水平滚动。
有时情况往往是这样,但当你查看同一网站的某些页面时,你会发现事实并非如此。
哪些页面正确显示、哪些页面显示不正确似乎有点随机,这可能非常令人沮丧。
基于上述内容,我想更极端一点,我希望 4000 像素的网站能够在 iPad 上水平显示,即使内容非常小并且需要放大才能清晰可见。这是一个正确的假设吗?
当方向改变时,网站上似乎还会有一些自动缩放,这又很烦人。有没有解释一下?
最后,我读了很多关于禁用捏合的解决方案。这对于 iPad 来说似乎没问题,但对于 iPhone 来说就麻烦多了,因为几乎所有用户都需要缩放才能使内容清晰易读。是否可以在一台设备上禁用它而不在另一台设备上禁用它?
感谢您的所有意见。
最佳答案
敲击
<meta name = "viewport" content = "initial-scale = 1.0, maximum-scale = 1.0, user-scalable = no, width = device-width">
在您的 HTML <head>
中。它告诉设备不要缩小尺寸。
您可以使用 PHP 来确定设备并在必要时切换该行代码。
关于iphone - iPad 和网站自动调整大小/缩放,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13744251/