On Wednesday, September 2, 2015, Crest Christopher <
crestchristop...@gmail.com> wrote:

> Can SaSS detect within a MQ if a image size is beyond a threshold and feed
> the user a new image; let me explain more in-depth.
>
> Suppose you have a small image and a medium image, 320 width the small
> image is fine, 5xx px width the medium image is used, straight forward.
> Your page gets viewed on a 602px (fictional numbers) device, your medium
> sized image gets stretched the only solution is to feed it a 602px width
> image, can this be done all within a MQ using SaSS; I'm referencing this <
> http://joshbroton.com/multiple-background-images-using-sass-and-media-queries/>
> page ?
>
> Is it possible to setup modernizer to detect if an image is getting
> stretched based on percentage, suppose 15% beyond it's regular size; so I
> can see what resolutions I need to recreate graphics at based on my
> previous question ?
>
> Christopher
>
>
>
What I do is to used images that work within a range of widths and place my
breakpoints where the content needs them. Don't have your images be the
exact dimensions. I usually use base images at around 600 wide. This covers
a wide range of devices. Be sure to optimize your images. At about 600
wide, I swap out my base image for one that is around 800 wide which covers
a wide range of tablet devices. At around 750 wide I swap out that 800
image for a desktop sized one. Width varies here based on your preferred
max width.

Optimize your images.

HTH


-- 

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/

Reply via email to