search

IamGoodwine / mywebsite

This is my website!
1 stars 0 forks source link

Responsive images #3

Open IamGoodwine opened 8 years ago

IamGoodwine commented 8 years ago

Images should be optimized for mobile view, in terms of resolution and size.

Check this tool (thanks @Bonfi92 for sharing): http://www.responsivebreakpoints.com/

IamGoodwine commented 8 years ago

I've found this behaviour example: http://jsfiddle.net/AJGPp/

background: url(whatever) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;

IamGoodwine commented 8 years ago

This solution seems not working for iOS iPhone (I need to verify iPad). Why?

IamGoodwine commented 8 years ago

Have a look at this post by Mikkel: https://css-tricks.com/forums/topic/full-page-backgrounds-on-ios-background-size-cover/page/3/#post-186327