Detect Screen Resolution

Question

Hello, I am a newbie and would appreciate help from all the
helpful people on this forum.
I am creating a site with Dreamweaver but having problems
with screen resolution. I need help with a script that would detect
the screen resolution and load an alternative CSS that would also
change the font. I found several scripts on the internet but none
would work. Can someone help me with this? I found this script but
I am sure I am missing something why it is not working for me. I
spent 2 days trying to make it work and now I feel like I am
loosing my mind. Here is the script
function styleSwitcher(){
var theStyleLink = document.getElementById('styleSwitch');
if (window.innerWidth < 810){
theStyleLink.setAttribute("href","CSS/LowResAdjust.css");
else {
theStyleLink.setAttribute("href","styles_main.css");
What am I **** wrong?
Thanks in advance.
Tinaval

Answer 1

> What am I **** wrong?
Worrying about screen resolution. It's meaningless. What
matters is the
browser's viewport dimensions and that is unpredictable. Best
to design for
a set width (I usually use 780px) or create a fluid layout
(generally I hate
them).
Walt
"Tinaval" <[email protected]> wrote in
message
news:ff1dtn$sdc$[email protected]..
> Hello, I am a newbie and would appreciate help from all
the helpful
> people on
> this forum.
>
> I am creating a site with Dreamweaver but having
problems with screen
> resolution. I need help with a script that would detect
the screen
> resolution
> and load an alternative CSS that would also change the
font. I found
> several
> scripts on the internet but none would work. Can someone
help me with
> this?
> I found this script but I am sure I am missing something
why it is not
> working
> for me. I spent 2 days trying to make it work and now I
feel like I am
> loosing
> my mind. Here is the script
>
> function styleSwitcher(){
> var theStyleLink =
document.getElementById('styleSwitch');
>
> if (window.innerWidth < 810){
>
theStyleLink.setAttribute("href","CSS/LowResAdjust.css");
>
> }
> else {
> theStyleLink.setAttribute("href","styles_main.css");
>
> }
> }
>
> What am I **** wrong?
>
> Thanks in advance.
> Tinaval
>