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
Post a Comment