Question

I have two style sheets for one page.

<link rel="stylesheet" href="css/lsharecomplete_mob.css" media="handheld" type="text/css" />
<link rel="stylesheet" href="css/lsharecomplete_dt.css" type="text/css" media="Screen" />

I am testing on android and Iphone, and both seem to be picking up the “screen” style.
Is it better to use @media in one style sheet instead of using alternate sheets or am I doing something wrong.

I have checked the link and server directories to make sure the files existed and where linked properly.

Answer 1

iPhone’s Mobile Safari doesn’t consider itself of the “handheld” media type.

iOS ignores print and handheld media queries because these types do not supply high-end web content. Therefore, use the screen media type query for iOS.

Source.

Instead, use media queries.