3 Replies - 4134 Views - Last Post: 03 February 2013 - 07:55 PM

#1 Nykc  Icon User is offline

  • Gentleman of Leisure
  • member icon

Reputation: 726
  • View blog
  • Posts: 8,638
  • Joined: 14-September 07

Mobile browser specific support

Posted 27 November 2012 - 07:59 AM

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

Is This A Good Question/Topic? 0
  • +

Replies To: Mobile browser specific support

#2 no2pencil  Icon User is offline

  • Toubabo Koomi
  • member icon

Reputation: 5247
  • View blog
  • Posts: 27,071
  • Joined: 10-May 07

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?
Was This Post Helpful? 1
  • +
  • -

#3 Nykc  Icon User is offline

  • Gentleman of Leisure
  • member icon

Reputation: 726
  • View blog
  • Posts: 8,638
  • Joined: 14-September 07

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.
Was This Post Helpful? 0
  • +
  • -

#4 enigmamoirai  Icon User is offline

  • New D.I.C Head

Reputation: -1
  • View blog
  • Posts: 19
  • Joined: 10-September 10

Re: Mobile browser specific support

Posted 03 February 2013 - 07:55 PM

View PostNykc, 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.



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

Was This Post Helpful? -1
  • +
  • -

Page 1 of 1