Wrapping up our latest project and launching tonight actually. For RC2 there are some browser specific bugs/defects that come into play they would like fixed. My recent experience with mobile has been a bigger headache than supporting IE6 in regards to CSS/HTML.
Here is the issue: Select box text is top aligned in Firefox as well as Dolphin browser on mobile, they look fine on other browsers. Select boxes are also displaying improperly in Dolphin (large and pixilized)
It seems most of my HTML/CSS issues are narrowed down to Opera Mini and Dolphin. Dolphin I believe uses webkit. My question is how do we support browser specific problems for mobile browsers such as Opera Mini and Dolphin. If the site looks fine in Chrome why would it look different in Dolphin if they are both using -webkit?
Kinda looking for resources or experiences from others who have maybe dealt with similar issues. This isn't an app, it is a mobile version of our website using @media queries and responsive web design
Mobile browser specific support
Page 1 of 13 Replies - 2782 Views - Last Post: 03 February 2013 - 07:55 PM
Replies To: Mobile browser specific support
#2
Re: Mobile browser specific support
Posted 27 November 2012 - 08:02 AM
Strange, I've never heard of IE6 causing issues...
Have you tried detecting the browser type & passing custom css?
Have you tried detecting the browser type & passing custom css?
#3
Re: Mobile browser specific support
Posted 27 November 2012 - 08:23 AM
USER_AGENT sniffing is considered bad practice. From what I understand is Dolphin uses -webkit what I can't figure out is how can I target Dolphin if other -Webkit browsers (Chrome, Safari etc..) are displaying correctly.
Opera Mini should die in a fire and so should Opera.
Opera Mini should die in a fire and so should Opera.
#4
Re: Mobile browser specific support
Posted 03 February 2013 - 07:55 PM
Nykc, on 27 November 2012 - 08:23 AM, said:
USER_AGENT sniffing is considered bad practice. From what I understand is Dolphin uses -webkit what I can't figure out is how can I target Dolphin if other -Webkit browsers (Chrome, Safari etc..) are displaying correctly.
Opera Mini should die in a fire and so should Opera.
Opera Mini should die in a fire and so should Opera.
Relying on USER_AGENT sniffing may not be the best way to handle this situation, but sometimes it's understandable. Have you tried adding an @media tag that targets the Webkit browsers?
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Your CSS */
}
This post has been edited by enigmamoirai: 03 February 2013 - 07:55 PM
Page 1 of 1
|
|

New Topic/Question
Reply



MultiQuote



|