我尝试过调整我的元数据viewport
jQM 上的标签beforepageshow
等等它根本不起作用,我想这是很明显的原因。我有一个页面上有一个 highcharts 图表,我的视口标签内没有任何内容,通常有width=device-width, initial-scale=1,user-scalable=no, minimum-scale=1.0, maximum-scale=1.0
那是因为我希望应用程序在大块图表进入时缩小,有没有人对如何在一页上显示不同的内容有任何绝妙的想法viewport
设置?我可以在没有 AJAX 的情况下链接到它,然后有条件地输出正确的元标记,但我不想这样做。
我动态改变了元viewport
当我想要启用图像缩放或其他需要用户查看小文本的内容时,在我的几个移动网站上标记:
var $viewport = $('meta[name="viewport"]'),
default_viewport = $viewport.attr('content');
$(document).delegate('#page-id-one, #page-id-two', 'pageshow', function () {
//these are the pages that you want to enable zooming
$viewport.attr('content', 'width=device-width,initial-scale=1.0,maximum-scale=5.0');
}).delegate('#page-id-one, #page-id-two', 'pagehide', function () {
$viewport.attr('content', default_viewport);
});
该代码预计包含在 jQuery 和元之后viewport
标签。您显然可以更改viewport
你认为合适的元素(我相信 Safari 将允许maximum-scale
of 10
).
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)