覆盖 Ipad / Iphone 无法调整网页大小的功能

发布于 2024-11-29 16:02:51 字数 453 浏览 3 评论 0原文

我使用960网格系统制作了一个网页。我遵循 www.alistapart.com 中的出色建议,使其变得美观且响应灵敏。

因此,在为我的新网页开发 CSS 时,我不断检查 Dreamweaver 的多屏视口测试选项,发现我的页面在较小的屏幕上堆叠得很好。没有微型文本,无需捏合和缩放。

然后,在实时测试页面时,我了解到 Ipad 和 Iphone 不调整窗口大小,我只能获得全屏网页的缩小版本。

我希望有一种简单的 CSS 方法来覆盖它,以便我的网页在苹果设备上也能以响应方式堆叠。

I have made a webpage using the 960 grid system. And I have made it nice and responsive, following the excellent advice found in www.alistapart.com

So when developing the CSS for my new webpage I kept checking in Dreamweaver's Multiscreen viewport testing option and found that my pages were stacking up nicely on smaller screens. No miniature text, no need for pinch and zoom.

Then when testing page live, I learn that Ipad and Iphone does not resize windows and I can only get a miniaturized version of my full screen webpage.

I am hoping there is a simple CSS way to override this, so that my webpage stacks in a responsive manner also on apple devices.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

时光礼记 2024-12-06 16:02:51

您可以尝试流体网格选项,例如 sprysoft 基于 960.gs 的可变网格系统,尽管它仍然具有明确的网格布局(只是基于 % 而不是基于 px)

You can maybe try a fluid grid option, such as sprysoft variable grid system which is based on 960.gs, though it will still have a definite grid layout (just % based instead of px based)

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文