Refreshing page automatically when viewport size change

I'm using responsive and adaptive media queries for my website to accommodate smartphones...Now the problem is that my max-width mobile query ends at 480px, which is most phones rotated display width (when the phone is on its side...). Now some phones, like the HTC desire have a max screen width of 533px, now when the user first loads the page on vertical position (320px screen width) and he/she rotates rotates the screen to 533px width, it goes past my design specifications and it looks kinda crappy...(since the layout was meant for 480px max...)

Now the only way to solve that is to refresh the page once the viewport dimensions change. How do I force a refresh?

Thank you

Answers


if device rotate window resized.

window.onresize = function(event)
{
document.location.reload(true);
}

Need Your Help

Loops over list 20x faster than over ndarray

python performance list numpy cython

I can't figure out why among the following loop the f?c are 20 times slower than the f?.

String Split in C# in this Particular Manner

c# asp.net string string-split

Guys I am Fetching Data From Following Query

About UNIX Resources Network

Original, collect and organize Developers related documents, information and materials, contains jQuery, Html, CSS, MySQL, .NET, ASP.NET, SQL, objective-c, iPhone, Ruby on Rails, C, SQL Server, Ruby, Arrays, Regex, ASP.NET MVC, WPF, XML, Ajax, DataBase, and so on.