Comments on: Loading CSS Based on Screen Resolution Using Javascript

By: Keith Dsouza

Keith Dsouza — Wed, 14 Dec 2011 17:34:36 +0000

@Geetesh Yes you can do that, you could use window.innerWidth or window.innerHeight to get the size of the current window and then apply a new stylesheet on the fly. Please make sure to use document.body.offsetWidth and document.body.offsetHeight for backward compatibility with IE

By: Irina

Irina — Tue, 06 Dec 2011 09:52:38 +0000

I’m sorry to point it out, but the method is essentially faulty. Entire HTML page is overwritten if you use document.write() inside a function.
It’s better to use some AJAX loader in this case. Or e.g. jQuery getScript().

By: Geetesh

Geetesh — Sat, 26 Nov 2011 16:07:06 +0000

Keith, this uses a different CSS based on the users’ screen resolution — is there a way to do the same for the browser window’s resolution?

By: Ruedewiel

Ruedewiel — Thu, 31 Mar 2011 11:05:40 +0000

excellent! you solved my fixed vertical navigation issue!

By: kata

kata — Wed, 23 Feb 2011 02:39:02 +0000

this one solves my problem! Thank you!