Ah! Seems that old dogs sometimes learn new tricks. Since I have such a wide screen and high resolution I like to spoil myself with huge layouts. Rarely that results in something workable for someone still using 11xx or 12xx. If you’re running 1024, I’ve completely given up on you. In any case, for resolution problems your options are basically:
a. Design something in percentages, which is usually not an option for image-heavy layouts.
b. Design fixed width in such a way that when resolution is checked minor variances or different style sheets are loaded.
Now, on the dinosaur intarwebs I’m from we used to do this with javascript. However:
-
<link rel="stylesheet" media="screen and (min-device-width: 800px)" href="style2.css" >
-
<link rel="stylesheet" media="screen and (min-device-width: 1600px)" href="style.css">
Due to CSS3′s new media query option I’m able to trigger different stylesheets based on minimum screen size where you usually would put your stylesheet. I’m learning a bit about viewports too (meta). Since I don’t even own a phone that can go on the internet, I wouldn’t even now how to test it. Reason why I run around with a stone-age phone without internet? Does it look like money grows on trees? I call that little a subscription would be overkill. I have one for emergencies, that’s it. So; sorry for all you mobile users out there. It’s never going to work perfectly.
