Wonderin if I might be able to get a little help from you guys...
I've heard that to traverse various screen sizes and resolutions, it's best to design things from a 600*800 res then it can be veiwed in differently sized windows without scroll bars and the like. Is there a way to do this in reverse? Would I be able to, in essense, scale material on the website, such as images, relatively?
Thanks!
Hi there,
One option you could look into is using php to resize all your images according to a client's native resolution which you would have to store in a cookie/session and get initially with javascript (or by the user following a link specific to their resolution). Be aware though this would be quite cpu/memory intensive and would be worthwhile looking into creating a copy of each image for each resolution.
current recommended practice is to design a flexible layout
width: 35%; font-size:1em;the w3c reccommend screen layouts be in em and %, then regardless of screen size the page is visually the same. and the same layout can be used - blackberry to projection screen.
<html>
<head>
<style type='text/css'>
<!--
.wrapper {width:98%; text-align:left; margin:1%; float:none;}
.left { width:33%; font-size:.85em; float:left; margin-right:2%; margin-top:0; padding:1%; text-align:right; border:1px solid; }
.right { width:33%; font-size:1.15em; float:right; margin-left:2%; margin-top:0; padding:1%; text-align:left; border:1px solid; }
/* other css just got lazy */
-->
</style>
</head><body>
<div class='wrapper'>
<p class='left'>
Lorem Ipsum<br>
Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur</p>
Lorem Ipsum is not simply random text.<br>
It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old.<br>
Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. </div>
<div class='wrapper'>
<p class='right'>
Lorem Ipsum<br>
Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur</p>
Lorem Ipsum is not simply random text.<br>
It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old.<br>
Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. </div>
</body>
</html>
If you want screen resolution compatibility in your pages, use % and em to set your sizes.
We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.