I'm looking for a sample HTML5/CSS3 file to solve a problem I just cannot figure out.
I want to make a responsive/fluid/elastic page with a single image one it. The image should always be as large as possible on the screen without any cropping. It must maintain the aspect ratio of the original image. Deviation but up to 3 pixels is okay for rounding.
There are lots of examples on-line of how to make full screen image that is stretched or cropped as I resize the browser window, but those are not what I'm looking for.
The background of the page (which may be another, regular background image) should show through on the edges as needed. The image should be centered vertically and horizontally.
The solution must be compatible with the most recent versions of Chrome, Firefox, IE, Safari. It can fail gracefully on older versions. I'm not worried about supporting ancient browsers like IE8.
26 pekerja bebas membida secara purata $55 untuk pekerjaan ini
Hi, I have read what your project needs and I can help you. I can start as soon as you reply me and finish in a reasonable time (usually fast, you can read my reviews for proof). Regards, Radu