Home/ Questions/Q 916069
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-15T17:59:23+00:00

Below are my stylesheets for my mobile site: <META name=viewport content=width=320; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;

  • 0

Below are my stylesheets for my mobile site:

<META name="viewport" content="width=320; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
<META name="HandheldFriendly" content="true" />
<link type="text/css" rel="stylesheet" media="screen and (min-device-width: 481px)" href="css/smartmobile.css" />
<link type="text/css" rel="stylesheet" media="only screen and (max-device-width: 480px)" href="css/smartmobile.css" />
<link type="text/css" rel="stylesheet" media="handheld" href="css/mobile.css" />

I loaded the page in an iPhone and it looks like it’s supposed to. However when I load the page in a Blackberry it doesn’t use the “handhled” one but rather tries to use the other stylesheets. Anyone have any thoughts to why this happening?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Yes most phones even more so the older ones will simply ignore the “media” type and I would suggest using some from of server side detection if you need the css to be different on different phone types.

    • 0