It was in one of recent projects, our client found out that in cellphone browsers including andriod and ios, the background image was rendered partially and the rest of page background was left to be in white blank page.
I searched through Google and did not find out any useful answer. It was discovered by my colleague Kody (a smart front-end image designer ^^) that my css code had the potential problem. The problem was that the background image was rendered as “repeat-x” so that the background image would always show up as user would try to extend the size of the browser. With this design in mind, I set the background to have “width:100%;” in css. And then the browsers in both android and ios were not smart enough to read or process this kind of css information and could only render the part of background image that could fit the cellphone screen size. Thus, after I changed css to “min-width:960px”, which is a standard web container size to be fit into cellphone screen, all problems were resolved and all background showed as expected.
Hopefully, in the future the browsers from cellphone could be fully functional and render the webpage exactly as what shows up in computers.