That's right David. If you have:
img {max-width: 100%;
The image will not exceed the width of its parent.
Eric
> On November 6, 2014 at 11:42 AM David Hucklesby <huckle...@gmail.com> wrote:
>
>
> On 11/5/14, 9:22 PM, Felix Miata wrote:
> > Crest Christopher composed on 2014-11-05 23:45 (UTC-0500):
> >
> >> If I want to use images on a responsive site, the images should be in
> >> the largest size possible then set the style to {max-width:100%} ? If
> >> they are not the largest size possible and the page is viewed at 1700px
> >> by 1450px (fictional resolution, I didn't verify if it is a logical
> >> resolution) then the obvious result will be a stretched, blurred
> >> image(s) due to interpolation, correct ?
> >
> > It may or may not appear "stretched" and/or "blurry", depending on a myriad
> > of factors that include physical display size, viewing distance, OS/DE
> > settings and viewer acuity. It may appear "streched" or "blurry", but in
> > practical effect it won't necessarily appear to the visitor's eye any worse
> > than being too small. Either way, too small for detail to be discernable, or
> > over-enlarged and blurry, is similarly less than satisfactory.
> >
> > If you don't limit its size to some arbitrary px value (actual physical
> > display resolution available at retail is up to at least 5120x2880 now[1]),
> > at least you retain the possibility of the relative placement and size of
> > the
> > image within your layout, and possibly the layout itself, being preserved.
> >
> > [1] http://support.apple.com/en-us/HT5266
> >
>
>
> It’s not unlikely I am wet behind the ears, but I thought max-width simply
> prevented the image from expanding to its natural size in smaller containers.
> AFAIK the image will not stretch.
>
> Correct me if I am wrong.
>
> --
> Cordially,
> David
> ______________________________________________________________________
> 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/
______________________________________________________________________
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/
