Responsive plugin not working on mobile
Responsive plugin not working on mobile
Hi,
I am using the responsive datatables plugin. When I resize the navigator window, responsive works great, hidding the columns as expected.
When I set chrome to mobile mode or I access the website through mobile, responsive is not working.
Debugging the code I can see that _resize function (var width = $(window).width()) is returning a 980px width of my browser, and I'm using 320px of width in mobile mode.
If I use window.screen.width I obtain the correct width (320px instead 980px).
Any suggestion?
Thanks.
This question has an accepted answers - jump to answer
Answers
I found the answer here http://stackoverflow.com/questions/13215730/how-to-disable-zooming-capabilities-in-responsive-design
Thanks for posting back. Yes, zoom does make this sort of thing a lot more difficult. At the moment, disabling zoom is about the best option available (although it is worth noting that it can effect accessibility).
Allan