jQuery Mobile 1.0a4.1 iPad 视口大小
我刚刚将客户端预订页面的 jQuery Mobile 版本更新到最新的 1.0a4.1,我需要一些帮助来调试异地窗口大小问题(我不在现场)。
该页面在商店的 iPad 上运行,因此客户可以根据自己的情况进行预订。然而,该页面的显示方式就像在 iPhone 上一样,带有巨大的字体。不过,用 Ripple 进行“模拟”显示了一切。
我无法从这里调试它,并且除了基本 1.0a4.1 样式表之外,我没有使用任何其他 CSS。如何强制 jQuery Mobile 像在 iPad 上一样显示页面?
这是店员发送的屏幕截图:
I just updated the jQuery Mobile version of our client book-in page to the latest 1.0a4.1 and I need some help debugging a window sizing issue off-site (I'm not on location).
The page runs on an iPad at the store so clients can book in their own cases. However, the page is being displayed like it's on an iPhone with huge lettering. "Emulating" with Ripple shows everything as it should, though.
I can't debug it from here and I'm not using any other CSS besides the base 1.0a4.1 stylesheets. How do I force jQuery Mobile to display the page as if on an iPad?
Here is a screenshot sent by the store clerk:
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
我没有时间测试它或尝试修复,所以这仍然是一个猜测,但至少基于您的代码检查;)
好的,所以您在页面中放置了一个
meta viewport
并JQM 也出现了一点。
正如我所说 - 我没有测试它,但我预计会发生碰撞。我在某处读到 JQM 应该停止将这些元标记放在那里...尝试摆弄一下该元标记。
另外 - 看看 alpha4 或 4.1 发行说明(在博客上)是否提到了有关视口的内容。
I didn't have the time to test it or try the fix, so it's still a guess, but at least based on your code inspection ;)
ok, so you put a
meta viewport
in your page and JQM also pops in a little<meta content="width=device-width,minimum-scale=1,maximum-scale=1" name="viewport">
.As I said - I didn't test it, but I expect a collision. I have read somewhere that JQM was supposed to stop putting those metatags there... Try fiddling with that metatag a bit.
Also - see if the alpha4 or 4.1 release notes (on the blog) say something about viewports.
运行媒体查询
Running Media Queries