Re: Element Query and Selector Media Query Types

Simon,

Yes, I meant vw

You're right adding (min-width: 1060px) 424px will solve my problem, but it
is not really easy. I expected it to work without out, and I guess most
people will. Thank god element queries are on the way ;-)


On Mon, Oct 27, 2014 at 6:47 AM, Simon Pieters <simonp@opera.com> wrote:

> On Mon, 20 Oct 2014 22:24:35 +0100, Attiks <attiks@gmail.com> wrote:
>
>  The current problem with picture using sizes and srcset is that it does
>> not
>> work well on wide screens when using a mobile first approach, for our site
>> - in the widest layout - the image could be between 250px and 530px, to
>> support all high dpi screens we added images with widths up to 2500px. The
>> max-width of the 'page' is set to 1060px, the sizes attribute is
>> (min-width:
>> 30em) 40%, 50%
>>
>
> (I assume you mean vw, not %.)
>
> It seems to me that you are missing a value in your sizes for the 1060px
> breakpoint. It's not clear to me how your layout works, but maybe you want
> something like this:
>
> sizes="(min-width: 1060px) 424px, (min-width: 30em) 40vw, 50vw"
>
> (40% of 1060px is 424px.)
>
> --
> Simon Pieters
> Opera Software
>