Welcome to WebmasterWorld Guest from

Forum Moderators: incrediBILL

Message Too Old, No Replies

Blackberry & Responsive design

10:05 pm on Dec 3, 2012 (gmt 0)

Junior Member

5+ Year Member

joined:Apr 20, 2008
posts: 133
votes: 0

Hi All,

I'm having a problem with my responsive design being scaled out on a Blackberry (Curve 8520). Works great everywhere else.

It has the site completely zoomed out very small and requires lots of zooming in which it needs to be displayed at 100%.

Everything is set up in percentages, and is using media queries to target a screen size, this is working fine as the phone is using the style set for this device, just that its fully zoomed out.

I understand it may be down to the construction of my viewport meta tag and have tried lots of alternatives based on research on the net, these are enclosed below what I have tried and none have worked:

<meta name="viewport" id="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=10.0,initial-scale=1.0" />

<meta name="viewport" content="width=device-width, target-densitydpi=160dpi, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

<meta name="viewport" content="width=device-width">

<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<meta name="HandheldFriendly" content="true" />
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0" />

Please note, each one that has been separated by a space is a new set of code I have tried.

This one has stumped me, any help would be great thanks.