Web and WebWorks Development

[helenpersson]

Hi,

I did a page using @meda with (max-width)

and a friend that have got a blackberry told me it did not work,

so after doing many tests, using adove devie central,

and I have done a new page with only a short text in and one line of css, so there is nothing that can interfere,

and the problem seems to be blackberry doesnt understand @media at all.....

I have tried everything, to finish I have done a css file with all kind of possible @media queries and it still does not work in any blackberry devices, I just dont get it. What should I use?

This is .css I tested:

@media only screen and (max-width: 799px) {
p {color:#CCCCCC; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:80px;}
}
@media all and (max-width: 799px) {
p {color:#CCCCCC; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:80px;}
}
@media handheld and (max-width: 799px) {
p {color:#CCCCCC; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:80px;}
}
@media screen and (max-width: 799px) {
p {color:#CCCCCC; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:80px;}
}
@media only screen and (max-device-width: 799px) {
p {color:#CCCCCC; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:80px;}
}
@media all and (max-device-width: 799px) {
p {color:#CCCCCC; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:80px;}
}
@media handheld and (max-device-width: 799px) {
p {color:#CCCCCC; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:80px;}
}
@media screen and (max-device-width: 799px) {
p {color:#CCCCCC; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:80px;}

If anybody please can advice as I been days with it, and this is driving me crazy, it works perfect on Samsung, Iphone etc.

[songdawg]

This works for me:

/* for the 9900 (640 x 480) etc*/
@media screen and (max-width: 640px)
{
    h1{font-size: 1.4em;}
 }

/* for the 9780 (480 x 360) etc */
@media screen and (max-width: 480px)
{

     h1 {font-size: 1.2em;}

}

[helenpersson]

Thanks, I dont have 9780 or 9900 however your script does not work on any blackberry device in adove device central,

which is the same as the one I used except max-width

I know there is nothing wrong with the program as most of others works perfect, except blackberry, as this morning I used a real blackberry to test.

I wonder do you need a particular max-width for each model?

To start with I only want to have all that is smaller than a desktop,

so only one 2cc for mobiles and one for pc.

Honestly  I just dont understand anything, maybe my models are a bit old, but the real one I tested with its about 1 year old I think and everybody dont have last model, so is there any workaround this?

[taylortbb]

Do you know what OS version they're running? From OS5 to OS6+ the switch to a WebKit-based browser made a lot of difference in the rendering capability.

[helenpersson]

Thanks,

Sorry, I only tested on one real Blackberry a friends, and no idea wich os, however the mobiel is about a year old.

But I have many in Adobe device central and none works,

and the ones I have are verified by Adobe and uses diferent versions, these are the ones I have:
5.0, 6.0, 4.61, 1.0, 4.71,

Sorry, dont understand this:
"From OS5 to OS6+ the switch to a WebKit-based browser made a lot of difference in the rendering capability. "

Do you mean people should change brower or I should do something?

If you mean change browser, well the problem is my site is comercial and I cant tell people to change browsers....

[taylortbb]

No, I mean that BBOS changed. The OS 5 and earlier browser was pretty horrible. It was not built on a modern layout engine, the experience was like trying to browse the modern web with Netscape 4.6. From OS 6.0 onwards however a WebKit-based browser was implemented and it finally was a modern device. Given that I'd assume media queries don't work on OS 5.0 and lower, though I'm not sure.

The list you're testing with does seem old though, a very tiny number of BB users are on 4.x now, and you don't have OS 7 or 7.1.