css - Simple way to have a different stylesheet for mobile, screen, and print -


i have 1 webpage want pull different stylesheets print, mobile, screen, etc.

i have screen , print working perfectly. have 2 different stylesheets mobile - 1 modern smartphones (iphone/android), 1 blackberries. they're called mobile.css , blackberry.css respectively.

how can have page load mobile stylesheet when iphone/android accesses page, , blackberry stylesheet when blackberries load page?

using max-width: 480px work, force mobile stylesheet upon blackberry (whose screen 480px wide), undesired behavior.

any help?

for printing:

<link rel="stylesheet" href="print.css" media="print"> 

for targetting blackberry specifically, may have user-agent sniffing.


Comments

Popular posts from this blog

php - What is the difference between $_SERVER['PATH_INFO'] and $_SERVER['ORIG_PATH_INFO']? -

fortran - Function return type mismatch -

queue - mq_receive: message too long -