标签:javascript mobile-safari iphone ipad jquery-mobile
我有一个网站使用jquery mobile为它的移动版本.我有一个问题,当我将它从纵向更改为横向时,它正确放大,但当我翻转到纵向时,它保持相同的缩放级别,并且比打破用户体验的视图更宽.
我经常使用:
<meta name="viewport" content="width=device-width, initial-scale=1">
从我所做的所有搜索,这应该做.不幸的是,它不适合我.
这是我的问题,我可以使用onorientationchange事件来触发页面的大小调整,我只是不确定如何去做.你能帮帮忙吗?
附:网站在这里,如果你想偷看http://tmg.dev.dakic.com/mobile
谢谢,
泽利科
解决方法:
试试这个,我遇到了类似的问题:
$(window).bind('orientationchange', function(event) {
if (window.orientation == 90 || window.orientation == -90 || window.orientation == 270) {
$('meta[name="viewport"]').attr('content', 'height=device-width,width=device-height,initial-scale=1.0,maximum-scale=1.0');
$(window).resize();
$('meta[name="viewport"]').attr('content', 'height=device-width,width=device-height,initial-scale=1.0,maximum-scale=2.0');
$(window).resize();
} else {
$('meta[name="viewport"]').attr('content', 'height=device-height,width=device-width,initial-scale=1.0,maximum-scale=1.0');
$(window).resize();
$('meta[name="viewport"]').attr('content', 'height=device-height,width=device-width,initial-scale=1.0,maximum-scale=2.0');
$(window).resize();
}
}).trigger('orientationchange');
在某些事件中使用resize()函数尝试否则:
$(window).resize();
标签:javascript,mobile-safari,iphone,ipad,jquery-mobile 来源: https://codeday.me/bug/20190716/1482150.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。