The issue is not with the style of the img, it's with the styling on the
div that includes it. It needs a width spec too.
On 3/7/16, 11:52 AM, "css-d-boun...@lists.css-discuss.org on behalf of
John J" <css-d-boun...@lists.css-discuss.org on behalf of
cr8...@gmail.com> wrote:
>that's what I'm noticing, too...I can't tell if it's my media queries
>moving to next break before my img has a chance to scale. I notice the
>text
>chunk does scale; I don't see why the image doesn't scale to the extent it
>can ‹ before the media query kicks in for the next size..
>
>On Mon, Mar 7, 2016 at 11:35 AM, Rod Castello <rodcastel...@gmail.com>
>wrote:
>
>> It scales for me when the viewport falls below 400px in width. It falls
>> below the left copy block and starts to scale.
>>
>>
>> On Mon, Mar 7, 2016 at 10:34 AM, John J <cr8...@gmail.com> wrote:
>>
>>> Sorry...that first email I sent accidentally..I meant to include a
>>> link..it
>>> is:
>>>
>>> john-a-johnson.com
>>>
>>>
>>> I have it now on the container, but I've experimented with it on the
>>>img
>>> and doesn't seem to work..I know it's a dumb mistake on my part..I'm
>>>just
>>> not seeing it..
>>>
>>> thank you
>>>
>>> On Mon, Mar 7, 2016 at 10:31 AM, Tom Livingston <tom...@gmail.com>
>>>wrote:
>>>
>>> > A link is best. However, is the css applied to the image itself, or a
>>> > container?
>>> >
>>> > On Mon, Mar 7, 2016 at 1:18 PM, John J <cr8...@gmail.com> wrote:
>>> >
>>> >> I have an image which I want to scale when the viewport changes in
>>> size.
>>> >>
>>> >> The css I have applied to image is:
>>> >>
>>> >> .image-right{
>>> >> float:right;
>>> >> max-width: 100%;
>>> >> height: auto;
>>> >> }
>>> >>
>>>______________________________________________________________________
>>> >> 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/
>>> >>
>>> >
>>> >
>>> >
>>> > --
>>> >
>>> > Tom Livingston | Senior Front End Developer | Media Logic |
>>> > ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com
>>> >
>>> >
>>> > #663399
>>> >
>>> ______________________________________________________________________
>>> 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/
______________________________________________________________________
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/
