1. Is there a way to filter just the iPhone out by CSS media queries? Something in the folowing fashion would be very usefull.
@media [some-code]{
/* IE6+ – Firefox 2+, Safari 3+ */
}

There is nothing in CSS to filter out specific devices, you could however do something like:

@media screen and (max-device-width: 480px) { ... }

In that media query you could then reset the styles for devices with a max width of 480px i.e. the iPhone.

2. Is there any problem with newer handhelds, like hte NexusOne, because of it’s higher resosution? Have anyone tryed (min-width: 321px) and (max-width: 320px) on them?

Hopefully the newer smart phones with the superior browsers will support the orientation media query. I believe Firefox mobile already does.

Instead of doing (min-width: 321px) and (max-width: 320px) you would do the following:

/* Portrait */
@media screen and (orientation:portrait) { ... }
/* Landscape */
@media screen and (orientation:landscape) { ... }

Solved some things for me, but left me with 2 questions =)

1. Is there a way to filter just the iPhone out by CSS media queries? Something in the folowing fashion would be very usefull.
@media [some-code]{
/* IE6+ – Firefox 2+, Safari 3+ */
}

2. Is there any problem with newer handhelds, like hte NexusOne, because of it’s higher resosution? Have anyone tryed (min-width: 321px) and (max-width: 320px) on them?

Do you happen to know if it works with pre 3.0 iPhones?