捏/缩放视口规范工程在 iPhone 上而不是在Android

标签: Android HTML
发布时间: 2017/3/13 22:15:00
注意事项: 本文中文内容可能为机器翻译,如要查看英文原文请点击上面连接.

我做了一个 WordPress 站点从帆船公司, xssailing.com回来一段时间,目前有 view 端口设置为︰

<meta name="viewport" content="user-scalable=yes;width=device-width; initial-scale=0.31; maximum-scale=1.0;"/>

该网站在计算机上正常工作,可以在捏和精细放大 iPhone/iPad。当我与我的 kindle 访问站点时我不能捏和放大像我可以在其他网站上。有什么想法?

谢谢你 !

解决方法 1:

你是对的它并不放大。 在使用默认的 Nexus S 上测试 browser

野生动物园为这定义真的很笨默认值 tag (宽度,正是为了不再让老款 iPhone 完全 960 像素为单位)。 因此你会想要显式指定 minimum-scale 。 通过指定所有的三个尺度参数 (而不是 3 2) 您的页面缩放罚款︰

<meta name="viewport" content="
user-scalable=yes;
width=device-width;
initial-scale=0.31; maximum-scale=1.0; minimum-scale=0.25"/>

也在尝试缩放之前等待到完全加载整个页面。


注意这将会是最小的完整示例,更强的堆栈交换问题和没有垃圾链接到一个特定的网站。更广泛的适用范围问题和答案,好 !

官方微信
官方QQ群
31647020