Apple Mobile Web App CSS Issue

I currently have a website that I am trying to use as a web app.

I've added the approiate meta tag, <meta name="apple-mobile-web-app-capable" content="yes"> which works as advertised.

The only issue is that when you launch the website as a web app, some of the CSS in a jQuery timer I have doesn't display correctly. The numbers load with no color, and once they start rotating, that's when the correct color shows up. You can see this from the screenshot.

Any ideas on why this is happening? This only happens when you launch it as a web app.

Here is a demo, http://jako.in/countdown/

Answers


So I ended up finding the solution to this. Turning on apple-mobile-web-app-capable was causing Safari to treat that timer as a phone number. Which is why it was turning it another color. Adding <meta name="format-detection" content="telephone=no" /> fixed my issue.


Need Your Help

My program isn't executing sums using different operators properly (when multiplying it adds and vice-versa)!

python task variable-assignment

I am trying to produce a program where the program generates a quiz consisting of a series of random questions, using in each case any two numbers and addition, subtraction or multiplication. The s...

Flip, Grow, and Translate Animation

objective-c ios cocoa-touch ipad core-animation

Look at this video of the MLB At Bat app. Basically, I just want to present a modalViewController with the UIModalPresentationFormSheet style and have it grow from another view then flip. Like when...

Get http://imgur.com/gallery/hot/page/1.json with jQuery

jquery ajax cross-domain imgur

Hello i try get this json with $.getJSON, also $.ajax(...)