Re: [css-d] @media handheld?
On 10/24/11 1:12 AM, Ghodmode wrote: Every browser I tested shows "screen". I was hoping for it to say "handheld" and "screen", or just "handheld". The use of min-width, max-width, width, and fluid images, will yield any desktop, laptop or tablet [landscape or portrait] window without any media query. One 480 media query will handle most any mobile-handset in portrait and landscape view. You'll need an appropriate device meta tag such as content="width=device-width">. Btw, I have Opera Mini, and Opera Mobile, running without issue on a low-end Android/2.2.2. Best, Bono 4 U2 -- Desktop. Laptop. Tablet. Mobile! http://chelseacreekstudio.com/ __ css-discuss [css-d@lists.css-discuss.org] 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/
Re: [css-d] @media handheld?
On Oct 24, 2011, at 2:12 PM, Ghodmode wrote: > I was experimenting with media types in my stylesheet and I did the following: > ... > > On an Android device, I viewed the page in the default browser, > Firefox, "Dolphin Browser HD", and "xScope Pro". > ... > > Every browser I tested shows "screen". I was hoping for it to say > "handheld" and "screen", or just "handheld". > > Does the same thing happen on iOS and Windows Mobile browsers? > > Is this an oversight of browser vendors, or am I misunderstanding the spec? You probably are not misunderstanding the spec (a guess - I'm not running around in your head), but none of the mentioned browsers nor iOS Mobile Safari (and I think) mobileIE support the 'handheld' media type. The original reasoning when Apple first released MobileSafari: it supports the full web, no need to create special mobile pages - media queries can help optimise your layout, though. > Just out of curiosity, I also tested in the text-mode browsers Elinks, > links, links2, and lynx. None of them support the :after > pseudo-element. I don't think any of those browser support CSS at all. I'm sure about Links, Lynx and derivatives. Philippe -- Philippe Wittenbergh http://l-c-n.com/ __ css-discuss [css-d@lists.css-discuss.org] 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-d] @media handheld?
I was experimenting with media types in my stylesheet and I did the following:
@media screen {
div.screen:after {
display: block;
clear: both;
content: "screen";
font-size: 200%;
}
}
@media handheld {
div.handheld:after {
display: block;
clear: both;
content: "handheld"
font-size: 200%;
}
}
@media print {
div.print:after {
display: block;
clear: both;
content: "print"
font-size: 200%;
}
}
On an Android device, I viewed the page in the default browser,
Firefox, "Dolphin Browser HD", and "xScope Pro". I couldn't get
"Opera Mini" to load a page off the local network at all and "Opera
Mobile" would only load the page if I used the IP address, even though
the host name is in the hosts file on the device. I don't currently
have access to iOS or Windows Mobile devices.
Every browser I tested shows "screen". I was hoping for it to say
"handheld" and "screen", or just "handheld".
Does the same thing happen on iOS and Windows Mobile browsers?
Is this an oversight of browser vendors, or am I misunderstanding the spec?
Here's the W3C description of the media types :
> handheld
> Intended for handheld devices (typically small screen,
> limited bandwidth).
>
> screen
> Intended primarily for color computer screens.
I would consider these devices to be both a handheld device and have a
color computer screen.
This, also from W3C, seems unnecessary:
> Media types are mutually exclusive ...
Maybe browser vendors were just making sure they didn't break existing
web sites that use the "screen" media type?
Just out of curiosity, I also tested in the text-mode browsers Elinks,
links, links2, and lynx. None of them support the :after
pseudo-element.
__
css-discuss [css-d@lists.css-discuss.org]
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-d] media="handheld" tips please!
hey all,
I have a project that my client would like to work on mobile devices.
http://askon.ca/en/test.shtml
http://askon.ca/en/css/askon.css
http://askon.ca/en/css/mobile.css
I set up a mobile style sheet that is supposed to blank out 2 columns,
and have a group of extra links that don't show up in the screen version
of the page.
#mobilelinks {
display : none;
}
It seems like some mobile browsers ignore the media="handheld" style,
others ignore the style sheets altogether, others display what looks
like their own rough version of the styles
http://www.browsercam.com/public.aspx?proj_id=490329
I don't think browsercam has remote access to mobile devices - any idea
of who might? Any good ideas of how to handle this?
Thanks all!
Sandy
__
css-discuss [cs...@lists.css-discuss.org]
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/
