Since I haven't seen another reply to this, while I certainly don't KNOW the answer, I have a very strong feeling this has to do with how retina displays scale background images differently due to the increased physical resolution of the screen. Perhaps the following discussion might help.. - http://stackoverflow.com/questions/10449614/retina-and-non-retina-ios-ap p
-----Original Message----- From: [email protected] [mailto:[email protected]] On Behalf Of Sohail Aboobaker Sent: Monday, May 07, 2012 7:45 AM To: [email protected] Subject: [css-d] iPad Questions Hi, We are in process of converting a native iPad application to a web application. The target audience is internal and is only going to use iPad to use this web application. Everything is looking good except two main issues: a. We have a page where we have two boxes displayed. In native iPad, we use a background image (692 x 418). Within that box, we have two boxes (206 x 256) each. When we moved it to web application, we created a div tag for the large image with width 692 and for inside boxes, we created table and within each column, we provided a div tag of 206 width each with same background image. However, when it was rendered on web app, iPad Safari shows the images in smaller sizes. It automatically scales these back. What would be the reason for this? Is there something that we need define in css to avoid this? b. In iPad application, we had a many alert boxes and we could define titles for alert boxes. Now, in web app, we were not able to define alert box titles. So, we are using a jquery plugin ( http://www.abeautifulsite.net/blog/2008/12/jquery-alert-dialogs/) to be able to define titles for alert boxes. This works perfectly but the users like the native iPad color and styling of iPad app alert box. Is it possible to define css rules to display the dialog box in similar appearance as iPad application? Thanks, Sohail. ______________________________________________________________________ css-discuss [[email protected]] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ ______________________________________________________________________ css-discuss [[email protected]] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
