Fix website responsive background bug
- or -
Post a project like this3984
£65(approx. $81)
- Posted:
- Proposals: 9
- Remote
- #253984
- Awarded
Website Development / Responsive Design / Branding / WordPress / eCommerce / Digital Face
Lancaster
WordPress, PHP, AJAX, Cube Cart, eCommerce, jQuery, Responsive Websites, Mobile Websites
Seoul
Joomla | PHP | MySQL | Laravel | HTML | CSS | AJAX | jQuery | WordPress | Mootools | Code Igniter
Davao
Website design, design logo, application for iphone, wordpress, joomla CMS, SEO, e-commerce, Facebook Application, web design development
Karachi
40251267963169343372762376990401865419155441099333746
Description
Experience Level: Intermediate
I have a website that is almost completed, however there is a bug with the scalable responsive background code.
Problem:
The aspect ratio of the image is determined by the width of the browser when the page is loading. This is causing the image to be stretched disproportionately. You can see two examples of this below (the first shows a browser that is wide and the other shows a browser that is narrow). The image size aspect ratio is being determined and set incorrectly in these 2 cases. Once the aspect ratio is set, it is locked in (which is the way it should be), however the initial aspect should be determined by the source image, not the browser width.
Problem:
The aspect ratio of the image is determined by the width of the browser when the page is loading. This is causing the image to be stretched disproportionately. You can see two examples of this below (the first shows a browser that is wide and the other shows a browser that is narrow). The image size aspect ratio is being determined and set incorrectly in these 2 cases. Once the aspect ratio is set, it is locked in (which is the way it should be), however the initial aspect should be determined by the source image, not the browser width.
- -.
100% (7)Projects Completed
7
Freelancers worked with
6
Projects awarded
42%
Last project
17 Jul 2014
Greece
New Proposal
Login to your account and send a proposal now to get this project.
Log inClarification Board Ask a Question
-
There are no clarification messages.
We collect cookies to enable the proper functioning and security of our website, and to enhance your experience. By clicking on 'Accept All Cookies', you consent to the use of these cookies. You can change your 'Cookies Settings' at any time. For more information, please read ourCookie Policy
Cookie Settings
Accept All Cookies