Mobile resize bug on chrome browser for Iphone
Hi I've been having some trouble with implementing collagePlus on mobile phone landscape orientation changes. I have the latest version of chrome installed an iphone 4 and when I change the orientation from portrait to landscape and then back to portrait. there is always a document re-sizing that is just shy of the entire viewport.
I checked to see if this was a problem on a different browser (Safari for mobile) and everything worked fine.
I must say that i did try the $(window.)width(); trick to listen for a 'resize' event and additionally have included an 'orientationchange' event to the list with jQuery mobile but still no luck.
Have you included the viewport meta-tag?
<meta name="viewport" content="width=device-width, initial-scale=1">
Yes I have also included this bit of code:
var resizeTimer = null; var width = $(window).width(); $(window).bind('resize orientationchange', function() { if ($(window).width() != width){ $('a').children('.grid-item').css("opacity", .5); if (resizeTimer) clearTimeout(resizeTimer); resizeTimer = setTimeout(collage, 200); width = $(window).width();
On Thu, Dec 10, 2015 at 4:24 PM, Dmitri Zaitsev [email protected] wrote:
Have you included the viewport meta-tag?
— Reply to this email directly or view it on GitHub https://github.com/ed-lea/jquery-collagePlus/issues/57#issuecomment-163794305 .