Thanks a lot for all the comments. Ursula Pieper also send me a list of
links with useful information.
Internet Explorer Mobile displays everything fine. But Opera Mobile
doesn't (neither 10 nor an older one). Both display the page about twice
as big as wanted, but both differ by a couple of pxixels.
I tried to use the media query mentioned on this page under "Targeting
High Pixel Density Displays":
http://menacingcloud.com/?c=highPixelDensityDisplays
I tried both "only screen" and just "screen", and I used different
values for device-pixel-ratio (2, 1.5 and 0.5 or for Opera 2/1, 3/2 and
1/2). Three different css files should be used if one of either query
was true, for testing purposes just setting the background color of
.pane to either 100% red, green or blue. None of that happens, thus I
guess none of the media queries is true for Opera Mobile.
Then I found:
http://dev.opera.com/articles/view/an-introduction-to-meta-viewport-and-viewport/
Under "Setting the target density"it is explained how to set css pixels
equal to device pixels with:
<meta name="viewport" content="width=device-width,
target-densitydpi=device-dpi">
Which would be enough for what I want.
But that also changed nothing. The two example pages that are mentioned
(http://people.opera.com/andreasb/viewport/ex02.html and
http://people.opera.com/andreasb/viewport/ex06.html) both look the same
on my Opera Mobile 10. The white div is much wider than the viewport,
again it seems to be doubled in size. In older Opera Mobile though the
pages look like the screenshots on that page.
Does anybody know why the media queries do not work? Or if the support
for target-densitydpi=device-dpi has been dropped?
Best regards
Christian
-------- Original-Nachricht --------
Betreff: Re: [css-d] Smartphone resolution adaptation
Datum: Thu, 15 Mar 2012 19:11:56 -0400
Von: Tom Livingston <[email protected]>
An: David Laakso <[email protected]>, CSS Discussion Group
<[email protected]>
FWIW, tested in iOS 5.1 on iPhone 4. Green area was smaller than the viewport
and was labeled as 480x800
--
Tom Livingston
Sent with Sparrow (http://www.sparrowmailapp.com/?sig)
On Thursday, March 15, 2012 at 5:38 PM, David Laakso wrote:
On Thu, Mar 15, 2012 at 4:25 PM, Christian Kirchhoff privat
<[email protected]> wrote:
Here is a simple test page:
http://nihao.k-risc.de/test.html
Best regards
Christian
---
Fwiw, please see [no browser sniffing]:
<http://ccstudi.com/ck.html>
Qick checked in:
Android/2.2.2
Opera Mobile
Opera Mini
Best,
~d
--
Chelsea Creek Studio
http://ccstudi.com
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
