What do you mean, make images width:100% like this;
img {width:100%} ?
With regards to the image in a div I assume you mean this;
<div><img></img></div>
div {width:76%} ?
In other words the image will scale without multiple resolutions of the
same image ?
Christopher
Hi Christopher
With firefox, you can set different screen sizes in their responsive
layout mode. VERY helpful.
One thing I have found to be a good method with images is to make them
width: 100%
and then wrap them in a div and set the images size with the div.
Also, set the images div's size in percentages based on that div's parent
and you will then have a fluid/liquid image in a container that you
can have size up or down respectfully.
If when resizing the viewport your image gets too big or too small,
then set a MQ with a min-width or max-width;
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
