CSS background image rendering differently on iPhone -

-

we have page design works great in every pc browser have tried, goes strange when viewed iphone or ipod touch.

the problem centred background image thats tall:

#content_container {  background-image:url('content-background.jpg'); background-position:top center; background-repeat:no-repeat; width:1020px; height:auto; }

the content-background.jpg image tall (3000 pixels) , designed 'revealed' div in grows due content.

you'll have @ page , full css understand, i've stripped else out of design , re-produced problem example:

http://files.codeulike.com/static/cssexample/example.htm
(example made of 1 html file, 1 css file , 3 images)

you'll see in ie8, firefox, chrome you'll nice green box. in ios browser long thin background image gets re-scaled , goes odd.

(i'm using ipod touch 2nd gen assume same problem happen in other iphones/ipod touches).

any appreciated!

figured out: iphone has megapixel limit jpegs, after shrinks jpeg.

there's blog post on defusion.org.uk: http://www.defusion.org.uk/archives/2010/02/19/shrinking-large-background-image-bug-in-iphone-safari/

the limit after jpegs shrunk seems around 2 megapixels. documented ios resource limit , described here:

apple - creating compatible web content - know ios resource limits

the maximum decoded image size jpeg 32 megapixels using subsampling.

jpeg images can 32 megapixels due subsampling, allows jpeg images decode size has 1 sixteenth number of pixels. jpeg images larger 2 megapixels subsampled—that is, decoded reduced size. jpeg subsampling allows user view images latest digital cameras.

.. take mean jpegs under 2 megapixels displayed normally, jpegs between 2 , 32 megapixels displayed subsampling (shrinking), , jpegs on 32 megapixels presumably can't displayed @ all.

changing site use background image under 2 megapixels solved problem.


Comments

Post a Comment

Popular posts from this blog

ASP.NET/SQL find the element ID and update database -

-
basically i've got update query runs when click submit button. i have asp:repeater in page layer inside this <asp:repeater id="dgbookings" runat="server" onitemdatabound="itemdb"> <itemtemplate> <div class="bookingscontent"> <div class="bookingdetails" id="<%# databinder.eval(container.dataitem, "booking_ref") %>"> <p class="infotext"><%# databinder.eval(container.dataitem, "adults") %> <asp:linkbutton onclick="editdetails" text="edit..." runat="server"></asp:linkbutton></p> <p class="infotext"><asp:linkbutton onclick="submitdetails" text="submit..." runat="server"></asp:linkbutton></p> </div> </div> </itemtemplate> <asp:repeater> and outputs ...
Read more

jquery - appear modal windows bottom -

-
i have modal windows in application, work fine <div id="modal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="mymodallabel" aria-hidden="true"> but when modal appears, appear top of windows, , want appear bottom the application joomla 3.0! , using template of meet gavern any idea? i found solution i modified de css in bootstrap .modal.fade { top:-25%; -webkit-transition:opacity .3s linear, bottom .3s ease-out; -moz-transition:opacity .3s linear, bottom .3s ease-out; -ms-transition:opacity .3s linear, bottom .3s ease-out; -o-transition:opacity .3s linear, bottom .3s ease-out; transition:opacity .3s linear, bottom .3s ease-out; }
Read more

c++ - Compiling static TagLib 1.6.3 libraries for Windows -

-
i having super hard time compiling , using taglib 1.6.3 in qt project. i've tried can think of. taglib claims supported through cmake i'm not having luck. furthermore, i'm confused kinds of files need qt libs! i've built *.a files, *.lib, , *.dll. understand far... believe since i'm working in windows *.lib want. no matter do, end "undefined references" taglib functions try use when try compile qt project. have tried mingw32, msys, visual studio 2008, , cross-compiling windows on linux. turning nothing. what makes less sense me if compile same taglib source qt on mac (g++ think?) works fine! somewhere in windows compilation procedures have going wrong. have been smacking face on desk 30 (on , off) hours trying figure out. since qt uses mingw must compile taglib same compiler? if compile *.lib's visual studio not compatible? are *.a libraries usable in windows? (assuming mingw) i'm still trying handle on c++ stuff, after reading coun...
Read more