移动设备上的 HTML 和 CSS
2004年6月14日星期一 (格林威治标准时间上午 11:51)
尽管移动互联网的发展速度相当缓慢(当然比几年前人们预测的要慢得多),但随着手机和 PDA 变得越来越先进,移动互联网无疑将在未来的网络中扮演重要角色。
设计这些移动平台网页的一个问题在于移动设备(包括 PDA 和手机)的多样性,它们无疑会以不同的方式渲染页面。如果网页标准得到完全支持,那么就可以在不改变底层 HTML 的情况下优化移动设备上的页面——就像为打印提供替代样式一样。
这一切都归结于 `handheld` 媒体类型。如果它得到支持,那我们就轻松了——一个样式表用于屏幕,一个用于打印,一个用于移动设备,代码大致如下:
<link rel="stylesheet" type="text/css" media="screen" href="screen.css" /><link rel="stylesheet" type="text/css" media="print" href="print.css" /><link rel="stylesheet" type="text/css" media="handheld" href="mobile.css" />
但这里就出现了实际困难。在日常网页设计中,要获得一个你正在使用的平台以外的平台就已经足够困难了,更何况是移动设备,你到底要从哪里开始?我理解 `handheld` 媒体类型确实受到某些设备和软件的支持,但我不知道支持的程度。我也知道有些设备会专门针对 `screen` 媒体类型应用样式。啧啧。真糟糕。
Opera 为 Series 60 平台提供了一个浏览器,看起来很棒。事实上,你可以在常规的 Opera 浏览器中通过“查看”菜单选择“小屏幕”来查看网页在上面的效果。正如你可能期望的 Opera 一样,它对标准(包括 `handheld` 媒体类型)有很好的支持,但不幸的是,我猜想这并不是一款很受欢迎的移动浏览器,尽管它预装在某款新的诺基亚手机上。
有些手机有自己的内置浏览器(例如诺基亚 6220),我猜想许多 PDA 也是如此。IE 的移动版本无疑会是一个主要参与者,但市面上可能存在数百种不同的移动浏览器。另一个因素是国际差异,尤其是在手机方面。欧洲的市场与美国截然不同,亚洲部分地区则是一个独立的超高科技世界。
有人能就移动设备以及它们如何处理 HTML 和 CSS 提供一些见解吗?我创建了一个测试页面,应该可以显示浏览器如何处理 `screen` 和 `handheld` 媒体类型(这个在 Opera 上效果非常好),所以如果你有联网手机或 PDA,请看看这个页面(https://htmldog.cn/test/handheld.html),并告诉我显示了多少“已应用”和“未应用”项。
评论
评论2
非常实用的测试,开始吧。
iPAQ 4150,搭载 Windows Mobile 2003 & 标准 Pocket Explorer
screen:全部应用
handheld:全部应用
诺基亚 6600,搭载 SymbianOS 7.0s,Series 60/2 & Opera 6.2
screen:无应用
handheld:“@import url”不应用,其余均应用
通过一个漂亮的 (x)html/css 设计,你可以在服务器端捕获到最重要的移动设备的用户代理字符串,然后展示一个没有 CSS 的网站……只是一个想法 :-)。大多数移动用户只关心实际内容,并且会喜欢你提供的没有 CSS 的简洁页面……
GeeBee 于 2004 年 6 月 14 日星期一下午 12:28 GMT 说道。
评论3
Maurice 和 GeeBee——谢谢你们。结果很有趣。看来内置的诺基亚 6600 浏览器根本不支持 CSS。
我对 Opera 的 @import 问题感到惊讶。我不确定这是因为媒体类型特异性(@import url("whatever.css") handheld 而不是 @import url("whatever.css") - 标准 IE 讨厌这个并且会出错)还是因为 @import 规则本身。我必须在测试页面上再添加一个测试。
Patrick 于 2004 年 6 月 14 日星期一下午 12:46 GMT 说道。
评论6
在索尼爱立信 P800 上测试。
使用 Opera
Screen:无应用
Handheld:除“@import url("whatever.css") handheld;”外,全部应用
使用内置浏览器
Screen:除“<style media="screen"...”外,无应用
Handheld:全部应用
希望这有帮助!
Colin 于 2004 年 6 月 14 日星期日下午 2:14 GMT 说道。
评论7
Colin,谢谢——这很有帮助。
对于像 P800 这样已经存在了几年的手机仍有这样的支持,这相当令人鼓舞。我猜想它的后继型号 P900 也会有很好的支持。
另外,经过一番研究,似乎虽然“handheld”媒体类型在 Windows Pocket PC 2003 的 Pocket IE 上被识别,但在 PPC 2002 上却不被识别。我不确定这是否属实,也不知道这在实际操作中有多大意义。
Patrick 于 2004 年 6 月 14 日星期日下午 2:35 GMT 说道。
评论8
使用 Blazer 3 (又名“Web”) 在 Treo 600 上
Screen:全部应用
Handheld:@import url("whatever.css") handheld; 除外,其他均未应用
太可怜了 :(
Eli 于 2004 年 6 月 14 日星期日下午 2:54 GMT 说道。
评论10
在 NetFront v3.1 上,适用于索尼 Clié TH55
Screen:全部应用
Handheld:仅“@import url("whaterver.css")”应用。
浏览器可能很糟糕,但它仍然支持透明 PNG,而 IE 却不支持。当微软的网页浏览器被掌上设备打败时,情况就相当糟糕了。
Mark Harmstone 于 2004 年 6 月 14 日星期日下午 4:53 GMT 说道。
评论12
是的,在标准和浏览功能方面,Opera 确实比 Mozilla 更好 :)
handheld-hell 的问题看起来是一个有趣的研究课题,但我已经深陷于旧金山历史和原子弹研究之中(更不用说从今天开始近两个月的时间里将完全脱离电脑……)。
祝你的研究好运,PTG……也许你应该弄一个模拟器……
跑题了,但这是最奇怪的巧合:Maurice……然后是 GeeBee……现在 Maurice 已经去世,这变得更加诡异了……
Dante Evans 于 2004 年 6 月 14 日星期日下午 6:43 GMT 说道。
评论14
三星 SGH-E700 手机(Openwave Mobile Browser 6.1.0.6)
所有实例都显示“未应用”……
Thomas Baekdal 于 2004 年 6 月 14 日星期八 8:48 PM GMT 说道。
评论15
使用摩托罗拉 v500 的板载浏览器测试。不幸的是,我不知道它是什么(我一直在努力找出)。
所有 screen 媒体规则均未应用,所有 handheld 媒体规则均已应用。
非常令人印象深刻。
Simon Proctor 于 2004 年 6 月 14 日星期八 8:50 PM GMT 说道。
评论16
使用 Smartphone 2003 OS(Orange SPV E200)上的 Pocket IE :-
它似乎在所有 3 种布局中都应用了它们……
Andy Forster 于 2004 年 6 月 14 日星期八 9:09 PM GMT 说道。
评论18
Danger Hiptop / T-Mobile Sidekick 有一个相当不错的基于 Java 的浏览器,但它根本不支持 CSS。快速查看此页面证实了这一点,其中没有一个选择器被显示。
bug 于 2004 年 6 月 14 日星期八 9:36 PM GMT 说道。
评论19
我有一个 Palm Tungsten C Handheld,并且安装了两个浏览器。
以下是相应的测试结果:
+++
Web Browser v. 2.0.1.1 (预装)
Screen:所有 4 项测试均已应用
Handheld:@import url("whatever.css") 已应用 - 其他三项未应用
+++
Palm Web Pro v. 3.0.1b
我为这个浏览器升级付费了,默认情况下它会在 Palm 的网络上通过代理服务器过滤页面。
启用代理服务器后,没有任何测试得到应用。
禁用代理后,有两种可用模式:
- “正常视图”渲染
> 无论是屏幕还是手持模式,都没有测试得到应用
- “手持视图”渲染
> 这种模式会给你相同的结果,屏幕和手持模式下都没有测试得到应用。
Palm 还有另一个 Web Browser Pro 的升级版本,但它只适用于蓝牙设备,Tungsten C 有 Wi-Fi 但没有蓝牙,所以它不适用于我的设备。
而且 AvantGo 的测试也均未得到应用。
希望这有帮助。
Jacob Herman 于 2004 年 6 月 14 日星期八 9:42 PM GMT 说道。
评论20
摩托罗拉 T720i 手机没有应用任何样式规则。然而,我从来无法弄清楚它到底支持多少 HTML,(有些页面甚至根本无法显示),所以很可能它根本就不处理 CSS。
Kelson Vibber 于 2004 年 6 月 14 日星期八 10:04 PM GMT 说道。
评论21
NetFront 3.1 / Palm OS 5.2.1 / Sony TH55
Screen:所有四项均已应用
Handheld:仅“@import”已应用
Ölbaum 于 2004 年 6 月 14 日星期八 10:42 PM GMT 说道。
评论22
Opera 6.30 / Sony-Ericsson P800 / Symbian 7 (UIQ)
结果(全屏模式下的截屏,即 100% 屏幕覆盖 = 320x208 px)
http://marcustucker.com/temp/p800cap1.jpg
http://marcustucker.com/temp/p800cap2.jpg
:-)
Marcus Tucker 于 2004 年 6 月 15 日星期二凌晨 2:01 GMT 说道。
评论24
你好!
在摩托罗拉 A920(Symbian OS)的内置浏览器上测试。
# 所有 screen 均应用
# 无 handheld 支持
不幸的是,他们阻止了除自家软件之外的其他软件的安装,所以我无法下载其他浏览器……气死我了。
Joel Junström 于 2004 年 6 月 15 日星期二上午 8:47 GMT 说道。
评论26
索尼爱立信 p900
Screen:无应用
Handheld:除“@import url("whatever.css") handheld;”外,全部应用
(与 p800 相同)
Flemming Mahler 于 2004 年 6 月 15 日星期二上午 10:09 GMT 说道。
评论28
诺基亚 3540 w/Opera 浏览器已安装
SCREEN
无应用
HANDHELD
<link media="handheld"... - 已应用。
<style media="handheld"... - 已应用。
@import url("whatever.css") handheld; - 未应用。
@media handheld - 已应用。
Joseph 于 2004 年 6 月 15 日星期二下午 1:23 GMT 说道。
评论30
我正在使用 HP Jornada 568。
浏览器是内置的 Internet Explorer,每个测试都显示“未应用”。我不确定这是哪个版本的浏览器(据我所见,无法查看……如果有人知道如何检查,我很乐意提供)。
Jay Jones 于 2004 年 6 月 15 日星期二下午 2:02 GMT 说道。
评论31
在我新的索尼爱立信 T630 上,均未应用 :/。
http://www.sonyericsson.com/t630
Ante 于 2004 年 6 月 15 日星期二下午 2:21 GMT 说道。
评论36
Handspring Treo 300
screen:无应用
handheld:无应用
Handspring Treo 600
screen:全部应用
handheld:“@import url("whatever.css") handheld;”已应用。
Blackberry 6750 (黑白)
screen:无应用
handheld:无应用
Blackberry 7750 (彩色)
screen:无应用
handheld:无应用
我使用的是 Treo 600。它使用 Blazer 3.0 浏览器,默认情况下该浏览器以“优化”的窄显示模式渲染页面。您可以选择“宽”模式,它会为您提供网页的窗口。要查看页面,用户需要左右滚动。我更喜欢优化模式,因为它允许您通过按右箭头选择 URL,然后按回车键或箭头选择器的中间按钮进入 URL。它不支持 padding,并且只支持两种字体大小。
希望这有帮助。
Tanny O'Haley 于 2004 年 6 月 15 日星期二晚上 9:05 GMT 说道。
评论37
我发现 IE 在我父亲的 Windows CE Dell Axim 上会渲染 screen 样式表。然而,我确实发现,如果您将 screen 样式表包装在
@media screen {
/* 样式表放在这里 */
}
}
那么他版本的 IE 会像预期一样忽略它。我来总结一下:如果您使用该语法,它会渲染;如果您使用 import,它也会渲染;但如果您将外部样式表放在 @media screen { } 包装器中,它就不会渲染。
然后我使用 `link` 标签来将相同的样式表提供给 handheld 和 NN4 和 IE4。
Josh King 于 2004 年 6 月 15 日星期二晚上 10:33 GMT 说道。
评论38
嗨!
我是一名 PDA Web 开发人员,我有一些可以一起清理所有疑虑的技巧。
你怎么看?
你有我的联系方式。
Rigonatti 于 2004 年 6 月 16 日星期三凌晨 4:20 GMT 说道。
评论39
在索尼爱立信 A5404S 上,使用 Openwave Mobile Browser 6.2.0.5 测试了你的测试页面:不应用任何样式。
然而,使用 <link rel="stylesheet" href="linkhandheld.css" type="text/css" media="handheld" />(=不同的顺序)似乎有效(!)。
Andreas Bovens 于 2004 年 6 月 16 日星期三上午 7:29 GMT 说道。
评论40
然而,冰箱确实应用了指定了 media="fridge" 的样式表。
另外,只是为了贡献一些严肃的内容,PPC 2002 的标准浏览器 Pocket IE 完全不支持 CSS。
Khasz 于 2004 年 6 月 16 日星期三上午 9:35 GMT 说道。
评论41
诺基亚 7650/Opera 6.10
screen:无应用
handheld:“@import url”不应用,其余均应用
Chriz 于 2004 年 6 月 16 日星期三下午 12:11 GMT 说道。
评论42
继续测试诺基亚 7250 的内置浏览器,我发现如果我访问你前贡献者 Dan Webb 先生的个人网站,所有样式都被应用了。
他使用了这个 @import url("/style.css");
这很令人困惑,因为你测试页面中的样式均未被应用,所以看起来 media=all 有效但 media=handheld 无效!
Rob Clarke 于 2004 年 6 月 16 日星期三下午 1:02 GMT 说道。
评论43
糟糕,
这没有意义,因为我包含的标记被过滤掉了。
我的意思是,他使用的是这个:
<style type="text/css" media="all">@import url("/style.css");</style>
Rob Clarke 于 2004 年 6 月 16 日星期三下午 1:05 GMT 说道。
评论44
谢谢 Rob。这一切都太他妈的令人困惑了(虽然同时也很有趣!)。
我昨天弄到了一台诺基亚 6600,并意识到情况差不多——它没有应用测试页面中的任何情况,但它确实加载了通用样式(例如边框和“not”的红色)。所以专有的诺基亚 HTML 浏览器显然会忽略除 media="all" 之外的所有内容。至少它们不会应用“screen”……
Patrick 于 2004 年 6 月 16 日星期三下午 1:13 GMT 说道。
评论45
嗨,我刚刚用摩托罗拉 V525 的内置浏览器测试了它。
所有 screen 的内容都显示为未应用
所有 handheld 的内容都显示为已应用
与上面的评论 15 基本相同,V500。他说得对,这非常令人印象深刻 =)
如果你知道如何查找浏览器信息,我愿意查看,但我找不到任何明显的东西……
Sally 于 2004 年 6 月 16 日星期三下午 1:58 GMT 说道。
评论46
我住在 Stradella(意大利),离米兰 30 英里。我的手机是:Nec e313 (UMTS) 搭载 NetFront 3.0(GUI 非常有限,与 NetFront 3.1 非常不同,目的是强迫用户浏览 TRE.it 门户)。
SCREEN
----------------
已应用
已应用
未应用
已应用
HANDHELD
------------------
已应用
已应用
未应用
已应用
Alberto Patelli 于 2004 年 6 月 16 日星期三下午 4:09 GMT 说道。
评论48
在诺基亚 3200 上测试,均未应用,无论是 screen 还是 handheld。然而,内联样式工作正常,包括边框和颜色。
于 2004 年 6 月 18 日星期五下午 5:32 GMT 说道。
评论49
我的新摩托罗拉 V600 在 Cingular 上,使用其内置浏览器。所有 screen 样式均未应用。所有 handheld 样式均已应用。相当不错!
它也渲染表格,尽管一个 4 列的表格的列宽度只有大约 1/4 英寸,因为它将整个表格挤压到屏幕上(这款手机没有水平滚动)。我的服务的唯一缺点是,我无法下载大于 10K 的页面,所以我只能使用漂亮的、精简的网站,这些网站使用 CSS 使其代码保持整洁。我不确定下载限制是摩托罗拉还是 Cingular 的错,可能是 Cingular。
我也一直在调查这个问题,并发现许多手机,即使是彩色的,也会忽略前景和/或背景颜色(我想是为了“保护”用户免受危险颜色的侵害),也可能会忽略字体大小,因为它们只有一到两个大小可用,但可能会应用其他样式。这意味着有些看起来没有读取 handheld 样式表的设备可能正在读取它,但选择忽略您正在测试的内容。
这可能并不像听起来那么糟糕。使用 handheld 样式表最重要的优点之一是能够依赖它来隐藏不适用于小屏幕(甚至危险)的网站部分。我可以接受一个不显示我所有颜色的手机,只要它隐藏了网站上大而不需要的部分(例如左侧栏中的许多导航链接,我将其包含在 `display:none` 的 div 中,用于 handheld)。我不认为你想要再举一个例子 :-) 但了解有多少设备支持“display:none”这样的重要功能会很有趣。
此外,我还发现一些手机服务提供商可能通过其代理服务器干扰或更改样式,然后再将其传递给手机(我确信是为了“保护”我们所有人)。这意味着,一台提供商上的手机上显示不出的某些功能,在另一台提供商的手机上可能会显示出来。
与上面关于 AdvantGo 的评论有关——我刚在他们的网站上读到,他们最新版本的软件确实支持样式。我不确定新版本的使用范围有多广(或者是否已经发布)。
与使用模拟器有关的评论——有几十种模拟器,每一种都模仿不同的 PDA 和手机,它们与实际查看的东西并不完全相同。它们可能主要用于对事物的外观有一个大致的了解。最好的测试是像这样——使用真实的手机和 PDA。
我还在某个地方读到,诺基亚只有在 handheld 样式表是列表中的第一个时才支持它。我还读到,对 @media(handheld) 的支持不如使用 type media=handheld 的链接样式表可靠。我不知道这是否属实,但也许其他人知道。
Karen 于 2004 年 6 月 19 日星期日凌晨 12:14 GMT 说道。
评论50
我不敢相信没有人提到 iSilo (http://www.isilo.com/)!结果如预期:每组中的第一个、第二个和第四个被应用,所以显然它在所有情况下都忽略了媒体类型,但在“@import url(...) TYPE”命令上失败了。
我真的应该用一些 CSS 对它进行更彻底的检查,看看它的兼容性如何。从我自己的工作中获得的印象是,它并不擅长真正复杂的任务;它有时会把字体大小搞得一团糟。
Eric TF Bat 于 2004 年 6 月 20 日星期日早上 9:27 GMT 说道。
评论51
我在索尼爱立信 P800 上进行了测试,得到了与 Colin(评论 6)相同的结果,但我用其他媒体类型进行了进一步测试,并发现了一些有趣的结果……
所以,我决定不再只关注 handheld 和 screen 媒体类型,为什么不全部测试呢?我创建了一些完整的测试用例,以测试所有媒体类型、MIME 类型和 !DOCTYPE 的组合,以及开始发布一些用户代理支持图表。测试的数量可能有点过头了,但我想为什么不呢,添加这些额外的东西并不费力,只是为了 100% 完整。我还添加了你测试中省略的 <?xml-stylesheet?> 处理指令。
P800 正确应用了所有和 handheld 媒体类型的所有样式,除非是以 text/html 格式提供。事实证明 P800 会处理 ?xml-stylesheet? PI,无论使用哪种 MIME 类型(text/html, application/xhtml+xml 或 text/xml),但它不应该为 text/html 处理它。它还应用了所有 <style type="text/css" media="xxx"> 的样式,适用于所有媒体类型,除了 embossed,我觉得这非常奇怪。
这是测试:http://www.lachy.id.au/css/tests/media/
我希望其他人能用他们拥有的任何设备或媒体类型提交他们的结果给我,包括这里测试的 handheld。我已经提供了一个模板,可以轻松地制作一个支持图表,我可以在我的网站上发布。当然,对支持图表、测试或任何其他方面的改进意见也表示赞赏。
Lachlan Hunt 于 2004 年 6 月 20 日星期日晚上 1:55 GMT 说道。
评论52
PocketPC 2002 的 handheld 设备有 IE 3.02,它根本不支持 CSS,也不支持 DOM1。我想它也不支持 Javascript,但我不太确定。
PocketPC 2003 将其版本报告为 IE 4.01,因此再次不支持 DOM1。
WinCE 电脑配备 IE5.5,它与桌面 IE 5.5 基本相同。
我使用了 www.stanjames.com 作为测试网站,它使用了大量的 CSS2 和 DOM1 功能。客户告知我,该网站在 BlackBerry(http://www.blackberry.com/)设备上完全可用(他们的客户几周前报告过)。
Aleksandar 于 2004 年 6 月 22 日星期二上午 10:14 GMT 说道。
评论53
嗨——很棒的测试。对后续编译的结果非常感兴趣。
不过,这有点过时和冗余,但并非完全如此:
设备:Treo 270
浏览器:EudoraWeb 2.1 - 所有测试均为“未应用”。
浏览器:Blazer 2.1.3 Build 12 - 所有测试均为“未应用”
希望这至少能在分析的回顾部分有所帮助。
michael 于 2004 年 6 月 22 日星期二晚上 7:26 GMT 说道。
评论54
AvantGo v4,2 Build 1165 在 Palm m125 上
没有——甚至一个都没有。
Mordechai Peller 于 2004 年 6 月 24 日星期四凌晨 1:44 GMT 说道。
评论57
Dell AXIM X3 搭载 Windows Mobile IE
Screen:全部应用 :-(
Handheld:全部应用
这意味着我的 handheld 样式表将不得不包含取消所有 screen 样式
和定位的设置,这是我不想要的,这真令人沮丧……
Chris H 于 2004 年 7 月 2 日星期五下午 12:39 GMT 说道。
评论58
请参阅 http://my.opera.com,这是一个广泛使用 media handheld 的网站。在 Opera 的移动版本中运行良好。要在桌面测试,请使用 Opera 7.x 并按 SHIFT-F11 触发 handheld 模式。
Robert Parker 于 2004 年 7 月 4 日星期日晚上 3:05 GMT 说道。
评论60
我已在索尼爱立信 p800、t610、z1010 WAP 模拟器上进行了测试,来自 http://developer.sonyericsson.com/site/global/docstools/browsing/p_browsing.jsp(需要注册,但免费)。
- screen:<style media="screen"> 已应用
- handheld:全部应用
Kevin N 于 2004 年 7 月 13 日星期二下午 6:16 GMT 说道。
评论61
我用 PocketIE 在运行 WinMob 2003 的 RedE SC1100 Developer Smartphone 上测试了测试页面
Screen:全部 4 项已应用
Handheld:全部 4 项已应用
Derek Wilson 于 2004 年 7 月 15 日星期四上午 11:02 GMT 说道。
评论62
我在西门子 A60 上测试过(它使用的是 Browser Component 1.3.0.5,Openwave 6.1.0.7.3)
Screen:无应用
Handheld:均未应用
MekDrop 于 2004 年 7 月 15 日星期四下午 2:42 GMT 说道。
评论63
Sanyo SCP-5400(也称为 Sprint RL2500)的结果如下:
Screen
- 所有项目均已应用
Handheld
- link media="handheld"... 未应用
- style media="handheld"... 未应用
- @import... 已应用
- @media handheld... 未应用
所以,对于这款手机来说,screen 样式似乎可以成功地被 handheld 导入的样式表替换。
Dan Rubin 于 2004 年 7 月 19 日星期一凌晨 2:14 GMT 说道。
评论64
日本电子巨头夏普本月早些时候推出了世界上第一款支持 SVG 的手机。这款设备是一件令人印象深刻的作品,拥有符合标准的 SVG Tiny 查看器。
夏普还提供服务器组件,可将 Word、Excel、Powerpoint 和 PDF 文档转换为 SVG。
CSS 和 SVG 似乎是移动设备的下一个趋势,因为它们可以获取干净的内容并在各种媒体上进行渲染。
Jim Richards 于 2004 年 7 月 21 日星期三下午 2:17 GMT 说道。
评论66
Sprint RL-2000
Screen;所有项目均已应用。
Handheld,仅“@import url("whatever.css") handheld;”已应用。
Eric 于 2004 年 7 月 28 日星期三下午 5:33 GMT 说道。
评论67
我直接从我的 T610 上试用了这个页面,我必须不同意 Jens Wedin (#55 评论) :)
这是我得到的结果:
Screen
均未应用
Handheld
全部应用!!
这让我快乐的小书呆子心灵得到了慰藉 :)
Halfdan Mouritzen 于 2004 年 8 月 2 日星期一晚上 8:17 GMT 说道。
评论68
在 Sanyo RL-7300 上使用 Netfront v3.0 20031014 rel_v005a-7300 嵌入式测试。
Screen:全部应用
Handheld:仅应用了带有 whatever.css 的 @import。
我怀疑 3.1 和现在的 3.2 Netfront 肯定更符合 WAP 2.0 标准。
我将在本周晚些时候测试 Sanyo 4920。
Greg Borders 于 2004 年 8 月 31 日星期二晚上 10:08 GMT 说道。
评论70
你好,我在诺基亚 7710 和 7700 上测试了你上面提到的“那个设备”
SCREEN
link media screen '未应用'
style media screen '未应用'
import url whatever.css '未应用'
@media screen 未应用
HANDHELD
如上所述……
Mark 于 2004 年 9 月 13 日星期一下午 2:55 GMT 说道。
评论71
索尼爱立信 K700i
screen:无应用
handheld:所有项目均已应用
K700i 还支持内联样式
holly 于 2004 年 10 月 20 日星期三下午 1:07 GMT 说道。
评论72
Palm Tungsten W:所有 screen 和 handheld 均为“未应用”。我发现该设备会读取 print 样式表,并且以前它会读取 @media=screen 作为子集。我对自己为这种媒介设计的样式感到非常沮丧。欢迎任何人提供成功的经验。
pat 于 2004 年 11 月 8 日星期一晚上 7:29 GMT 说道。
评论73
在诺基亚 6230 上测试 - 全部显示“未应用”。这真令人沮丧,因为我刚刚用链接的 handheld 表格编写了整个网站,但我甚至无法在自己的手机上看到结果!!!
ukwheel 于 2004 年 11 月 22 日星期一晚上 4:09 GMT 说道。
评论75
使用运行 WM2003SE 的 Dell Axim X50 上的 IE 测试。全部应用!
Fabrizio Oddone 于 2004 年 11 月 27 日星期六凌晨 1:02 GMT 说道。
评论76
我刚拿到我的新 Treo 650,我很高兴地报告,新的 palmOne Web Browser (Blazer 4.0) 现在报告说所有样式都已应用。正如其他人指出的那样,Treo 600 附带的版本没有应用 handheld 样式,所以这绝对是一个改进。
Rob M 于 2004 年 12 月 8 日星期三凌晨 2:03 GMT 说道。
评论77
Openwave Simulator:均未应用。
但是,它支持 CSS。“not”文本是红色粗体的 :)
zcorpan 于 2004 年 12 月 27 日星期一凌晨 12:44 GMT 说道。
评论78
诺基亚 6230 - 全部未应用……
顺便说一句,我创建了一个 XHtml 页面,在所有浏览器中看起来都很好 (www.wd.sk),但在我的手机上,只有第一页,但我无法进入其他页面……
链接是:
contact 也尝试过 ?contakt">contact 但我还是陷入了困境。有人能告诉我哪里出了问题吗?
提前非常感谢您的建议。
marian@wd.sk
Marian 于 2004 年 12 月 29 日星期三晚上 7:32 GMT 说道。
评论79
由于一些信息没有显示出来……
诺基亚 6230 - 全部未应用……
顺便说一句,我创建了一个 XHtml 页面,在所有浏览器中看起来都很好 (www.wd.sk),但在我的手机上,只有第一页,但我无法进入其他页面……
链接是:a href="?kontakt" ...
我也尝试过……?contakt">contact……
但我还是陷入了困境。有人能告诉我哪里出了问题吗?
提前非常感谢您的建议。
M。
marian@wd.sk
Marian 于 2004 年 12 月 29 日星期三晚上 7:35 GMT 说道。
评论80
Patrick,你的测试真的很棒,我认为你找到了一块金矿,尽管得到了很多人的支持。你需要围绕它写另一篇文章,看看是否能用它来构建一个通用的移动设备系统(就像我一样),这似乎能提供一个适用于大多数代理的优秀的 xhtml 移动样式布局,尽管我们都在经历疯狂的支持。我将告诉你如何……
我讨厌浏览器嗅探和所有形式的脚本技巧来确定某个移动设备支持哪个版本的网页和样式表。然而,我们显然有这么多人拥有不同状态的代理和样式支持,即使这非常糟糕。但是,你的样式测试证明,就像我的手机一样,只要你在网页中包含两种 handheld 样式表“链接类型”(link with media="handheld" 和 @import url (...) handheld;),并链接到一个非常健壮的移动样式表,其中包含覆盖你所有屏幕样式表的级联规则,你就可以设计一个强大的移动样式表策略,适用于上面列出的所有人,除了 ONE TYPE……那些只支持 screen 媒体而没有 handheld 版本测试的人(例如,一些 pocket PC 用户)。那是一类麻烦的用户,因为他们无法访问我们的 handheld 表格,而这些表格会重新格式化所有其他代理的内容。正如这些设备的情况一样,这些设备似乎是围绕支持完整的桌面浏览器版本设计的!我是在今年夏天发现你的测试后证明了这种情况,虽然我的手机支持所有 screen 版本,但同时也支持一个 handheld 版本,这足以让我使用 XHTML 和 CSS 创建一个体面的移动解决方案,其中 handheld 表格用于级联我的 screen 表格,并为我的微型手机浏览器提供一个出色的版本,同时保留完全的桌面用户布局。换句话说,首先使用符合标准的 XHTML 和 CSS 设计你的主网站,然后添加对同一个移动样式表的两个 handheld URL 链接,然后仔细设计移动样式表,使其隐藏和显示(级联)大多数移动屏幕和设备所需的所有内容,你就有很大几率设计出一个在许多代理上都能很好工作的方案。支持任何版本的 handheld 媒体测试的代理都可以获得重新设计的版本,那些不支持任何样式表的代理也可以。
由于许多设备似乎支持 handheld 样式表规则之一,而大多数设备支持或正在转向支持 XHTML(基本),尽管全球都在朝着这个方向发展,但通过上述方法,一位有才华的 CSS 开发人员可以构建一个相当好的通用移动测试站点和样式表系统,该系统在许多设备上都能很好地工作,更不用说在桌面浏览器上仍然能提供出色的 screen 表格了。即使设备根本不支持任何样式,它们仍然能获得相当不错的线性内容列表,使用干净的 xhtml 标记,而无需任何样式表。这是我的经验。所以,我说,你的 8 点测试证明了希望!再说一次,对于那些不支持任何 handheld 表格的人来说,如果设计师使用新的 xhtml 标准(如无序链接列表)正确设计了他们的标记和菜单,并且内容包含在 xhtml 中的简单 div 中而不是表格中,并且使用了移动标题并应用了 `display:none`,那么非样式代理在读取它时,就能很好地访问内容,从而覆盖到如此广泛的设备。同样,那些只支持“screen”的人可能是一个问题,但似乎他们大多是那些拥有大型 pocket PC 设备的人。
- Mitchell
---------------------------------
顺便说一下,我的测试与索尼爱立信 P800 和 Opera 用户正好相反,它支持你的测试中的 8 种样式表形式,这说明了移动设备标准的悲惨之处(我有一部 Sprint Sanyo SCP-7300 手机,搭载 NetFront 微浏览器,它支持所有 screen 样式表和仅 import handheld 风格)。只要你的设备支持无样式或至少一个 handheld 样式,你就可以为你的代理和其他许多代理进行设计……这是可以做到的!)
Mitchell
Mitchell 于 2005 年 1 月 7 日星期五凌晨 5:50 GMT 说道。
评论84
Pocket IE - PPC2003 (MSIE 4.01)
screen:全部 4 项已应用
handheld:全部 4 项已应用
PPC NetFront v3.1
screen:全部 4 项已应用
handheld:仅 @import("whatever.css") 已应用
索尼爱立信 K700
screen:无
handheld:全部 4 项已应用
诺基亚 6170
screen:无应用
handheld:无应用
kayle 于 2005 年 1 月 25 日星期二下午 1:15 GMT 说道。
评论85
“我们是在说 HTML 还是 XHTML?
Anne 于 2004 年 6 月 14 日星期一下午 1:53 GMT 说道。
"
首先,我认为这是一篇关于移动设备 HTML 和 CSS 的文章。
但当我查看你的测试页面的源代码时,我看到它是一个 XHTML 页面。
因此:你是在谈论 HTML 和 CSS,还是在谈论 XHTML 和 CSS?
第二个问题是:我们应该从你的文章中学到什么?众所周知,浏览器对标准的兼容性差异很大。
Thomas 于 2005 年 2 月 12 日星期六晚上 8:48 GMT 说道。
评论86
诺基亚 6230 - 全部未应用……
顺便说一句,我创建了一个 XHtml 页面,在所有浏览器中看起来都很好 (www.wd.sk),但在我的手机上,只有第一页,但我无法进入其他页面……
链接是:a href="?kontakt" ...
我也尝试过……?contakt">contact……
但我还是陷入了困境。有人能告诉我哪里出了问题吗?
提前非常感谢您的建议。
Mitchell 于 2005 年 2 月 21 日星期一凌晨 2:51 GMT 说道。
评论87
在我的 Sanyo RL-4920 上测试。所有 screen 样式均已应用。只有 handheld 样式 @import url(). 已应用。
MikeFM 于 2005 年 2 月 24 日星期四晚上 10:35 GMT 说道。
评论90
在诺基亚 6610i 上,显示均未应用,但我仍然难以在自己创建的页面上隐藏“screen”样式表。事实上,我不知道我哪里做错了,但它似乎会下载并渲染样式表,无论我怎么做来隐藏它。我尝试过将媒体设置为“print”,也尝试过带或不带“screen”关键字的 @import,尝试过在 LINK 元素上应用“id”属性……
到目前为止,什么都没起作用。诺基亚 6610i 的内置浏览器仍然会下载我的“screen.css”文件并(糟糕地)尝试渲染它。有什么想法我可能做错了什么吗?
Asbjørn Ulsberg 于 2005 年 3 月 11 日星期五上午 8:02 GMT 说道。
评论91
你好!
诺基亚 6600 上的 Netfront v3.1,使用“无换行”和“智能适应”渲染,全部应用。使用“小图像”和“仅文本”渲染,无应用。
geraki 于 2005 年 3 月 12 日星期六下午 2:06 GMT 说道。
评论92
Sharp Zaurus 5500 - OpenZaurus 发行版 - Konqueror QtEmbedded
screen:全部应用
handheld:style media="handheld" 已应用。其他未应用。
shuriken 于 2005 年 3 月 19 日星期六下午 1:49 GMT 说道。
评论94
摩托罗拉 MPX220
Smartphone 2003
Internet Explorer
全部应用
http://www.adampage.net/htmldog/htmldog_test_mpx220_sp2003_ie_01.jpg
http://www.adampage.net/htmldog/htmldog_test_mpx220_sp2003_ie_02.jpg
请忽略代码混乱、表格大量的网站——我最近才开始采用 Web 标准。(^_^;)
Adam Page 于 2005 年 4 月 8 日星期五上午 6:23 GMT 说道。
评论95
摩托罗拉 MPX220
Smartphone 2003
Opera 7.60 Build 043 TP3 (Expires 2005-06-30)
http://www.opera.com/products/mobile/
screen:无应用
handheld:全部应用
http://www.adampage.net/htmldog/htmldog_test_mpx220_sp2003_opera_706_01.jpg
http://www.adampage.net/htmldog/htmldog_test_mpx220_sp2003_opera_706_02.jpg
http://www.adampage.net/htmldog/htmldog_test_mpx220_sp2003_opera_706_03.jpg
Adam Page 于 2005 年 4 月 8 日星期五上午 7:51 GMT 说道。
评论96
XDA IIi 来自 ww.o2.com - Pocket Internet Explorer
Screen 和 handheld 全部应用。
Rob Wilson 于 2005 年 4 月 11 日星期一下午 9:27 GMT 说道。
评论97
诺基亚 6230:均未应用。它实际上支持 CSS,并且不仅支持内联样式(“not”文本是红色粗体的),还支持“projection”属性,正如我自己的测试所示。
Nils 于 2005 年 4 月 11 日星期一下午 5:23 GMT 说道。
评论98
HP iPAQ hx4700 - Pocket Internet Explorer - Windows Mobile 2003
screen - 全部 4 项已应用
handheld - 全部 4 项已应用
Paul 于 2005 年 4 月 18 日星期一下午 5:59 GMT 说道。
评论99
Sprint 6600/6601 - Pocket PC Windows 2003
Screen 和 handheld:全部应用
Bart 于 2005 年 4 月 22 日星期五晚上 10:28 GMT 说道。
评论100
是的,我看到 Treo 650 的 Blazer 4.0 会装饰 screen 和 handheld 样式一次,但在再次访问页面时,没有任何样式得到应用。
即使清除了 Blazer 的浏览器缓存,也无法正常工作。
Case Larsen 于 2005 年 4 月 24 日星期日凌晨 5:42 GMT 说道。
评论101
感谢你提供这个测试页面……我只是查看了源代码,并注意到有几处项目将无法根据 XHTML 1.1 DTD 验证此源代码。我做了一些更改:首先,“<link rel...”标签没有正确终止,其次,最后一个“<style type...”标签没有“type='text/css”。
我使用 W3C HTML 验证器检查了文档。是否可以进行这些更改?然后再次测试页面……
Frank Villa-Abrille 于 2005 年 5 月 4 日星期三晚上 7:40 GMT 说道。
评论102
顺便说一句,我使用诺基亚 6101 和 7610 测试了页面,两者都没有应用 handheld 和 screen。我们创建了一个基于 XHTML MP 1.0 的本地测试页面,该页面可以在诺基亚手机上运行。
Frank Villa-Abrille 于 2005 年 5 月 4 日星期三晚上 7:42 GMT 说道。
评论103
你好,
我还没有检查你的样本,但我和你处于同样的困境。我必须为多个平台开发一个网站,并且想知道“切换”CSS 文件是否是正确的方法。是这样做的还是我走错方向了?
TIA
Josh 于 2005 年 6 月 1 日星期三下午 5:48 GMT 说道。
评论104
我的索尼爱立信 Z800i 上所有 handheld 均已应用。
所有 screen 均未应用。
Cheers。
Rolf Bjaanes 于 2005 年 6 月 26 日星期日晚上 7:27 GMT 说道。
评论105
三星 PM-A740
所有选项均未应用,但我不太确定它使用什么浏览器。有人知道我在哪里可以查到吗?
Shane Goodall 于 2005 年 6 月 27 日星期一晚上 3:52 GMT 说道。
评论107
诺基亚 6630:screen,均未应用;handheld,均未应用。这是在“快速”或“精美”模式下(在设置中)渲染。
索尼爱立信 S710a:screen,均未应用;handheld,全部应用。太棒了。
sbwoodside 于 2005 年 7 月 9 日星期六晚上 11:28 GMT 说道。
评论109
treo 650 使用 blazer 4.0,
假设已应用意味着“not”这个词周围有一个黄色的方块,screen 和 handheld 上都应用了。
christopher nicholson 于 2005 年 8 月 5 日星期五上午 6:58 GMT 说道。
评论110
另外,关于 Treo 650,当我返回页面时,它确实再次正确加载了,所以我没有遇到早期评论者遇到的问题。
Christopher Nicholson 于 2005 年 8 月 5 日星期五上午 7:15 GMT 说道。
评论111
使用 Cingular 的摩托罗拉 V551,内置浏览器,所有样式均未应用。令人失望,考虑到你其他用户评论中其他摩托罗拉型号提供了良好的支持。
Claus 于 2005 年 8 月 8 日星期一晚上 8:49 GMT 说道。
评论112
我用我的 BlackBerry 7520 和 BlackBerry Browser 试过了,所有结果都是“未应用”。:-(
Barry Couch 于 2005 年 8 月 9 日星期二下午 1:13 GMT 说道。
评论113
我用我的 PocketPC 模拟器(PPC 2003)测试了你的页面。screen 和 handheld 都应用了。
Arash Jalali 于 2005 年 9 月 6 日星期二上午 7:52 GMT 说道。
评论116
我有一台 NEC N720 手机。并且上面安装了 OpenWave 浏览器。我的手机可以使用这个 CSS 吗?
wanyuye 于 2005 年 10 月 25 日星期二下午 11:07 GMT 说道。
评论117
摩托罗拉 V3 (RAZR)
所有 screen 样式均未应用;所有 handheld 样式均已应用。它还为 DIV 元素绘制边框。我有点惊讶,因为浏览器看起来有点太简单了,无法处理很多网站。
Eric 于 2005 年 10 月 27 日星期四晚上 9:08 GMT 说道。
评论118
HiptTop2(摩托罗拉 sidekick?)显示所有“未应用”
该设备肯定会使用(至少部分)CSS,但似乎是一个非标准实现。我的研究还在继续……谢谢!
Jonathan Murray 于 2005 年 10 月 29 日星期六下午 3:15 GMT 说道。
评论119
诺基亚 9500/Opera 6.x
screen:无应用
handheld:“@import url”不应用,其余均应用
诺基亚 7370/诺基亚浏览器
screen:无应用
handheld:均未应用
尽管测试结果令人失望,但奇怪的是,浏览器却用 screen 和 handheld 样式渲染 CSS 页面。真是难以理解。
Lumisade 于 2005 年 11 月 6 日星期日晚上 1:17 GMT 说道。
评论120
T-Mobile SidekickII(又名 Danger Hiptop2)*带新发布的 OS2.3 更新*
Screen:全部应用(旁边显示绿色框标记“应用”)
Handheld:全部*未*应用(标记为红色“未”)
DIV 元素周围绘制了边框
Michael 于 2005 年 11 月 8 日星期二凌晨 2:33 GMT 说道。
评论121
Treo 650 搭载 Blazer 4.0
在“宽页面模式”下全部应用。在“优化”模式下,仅 handheld 应用,screen 未应用。
Terrence Wood 于 2005 年 11 月 22 日星期二晚上 8:35 GMT 说道。
评论122
SonyEricssonT610/R401 Profile/MIDP-1.0 Configuration/CLDC-1.0
所有 Screen 均未应用
所有 Handheld 均已应用。
那么我赢了吗?帽子和 T 恤?
Tom 于 2005 年 11 月 23 日星期三上午 8:30 GMT 说道。
评论123
索尼 PSP 及其内置浏览器(固件 2.6)
所有 screen 均已应用。
link media="handheld" - 未应用
style media="handheld" - 未应用
import url("whatever.css") handheld - 已应用
media handheld - 未应用
我认为它只应用“import url() handheld”指令的原因是由于一个 bug。使用 PSP 访问此页面时,这一点得到了证实,在该页面上,无论媒体类型如何,所有 @import 指令都起作用:http://lachy.id.au/dev/css/tests/media/xhtml10.xhtml
嗯。PSP 真的算是 handheld 吗?你怎么看?显然你是拿着它,但它有良好的带宽(802.11)、宽屏彩色显示器、动画 GIF 支持、声音和视频功能等。考虑到媒体类型的官方描述,我认为 PSP 几乎更像是“TV”而不是“handheld”。你怎么看?
handheld:适用于 handheld 设备(通常屏幕小、单色、带宽有限)。
tv:适用于电视类设备(低分辨率、彩色、屏幕滚动有限、有声音)。
无论如何,目前它似乎只对 screen 有响应。这实际上有点令人讨厌,因为许多页面的图形略大于其屏幕,并且使其难以滚动……它们本可以从 PSP 特定页面中受益。
Drew Thaler 于 2005 年 11 月 29 日星期二晚上 8:51 GMT 说道。
评论124
更多关于 PSP 浏览器详情。根据主菜单中的“关于 PSP”项,它是 NetFront Access 浏览器:http://www.access-us-inc.com/Products/client-side/Prod_NetFront.html
Drew Thaler 于 2005 年 11 月 29 日星期二晚上 11:14 GMT 说道。
评论125
我刚刚加载了你的 mobile/pda 设备的 screen/handheld 测试页面。在英国规格的 O2 xdaIIi 上运行 Windows CE 时查看,它渲染完美(所有 screen 和 handheld 项目都显示为已应用)。
Hope this helps
Stephen Lines 于 2005 年 12 月 3 日星期六晚上 11:22 GMT 说道。
评论126
123 / PSP 真的算 handheld 吗?
我的英国规格 O2 XDAIIi(基于 Windows CE)也拥有 WiFi(802.11g)、宽屏彩色显示器(如果设置为横向模式)、播放动画 GIF、声音和视频支持——不限于 SONY 的专有格式!而且它还有一个 1GB 的内存卡(SD),价格几乎为零。哦,设备本身是免费的(合同升级!)。
我刚为儿子买了一台 PSP(圣诞节),但除了游戏(它在这方面非常出色!)之外,我避免购买任何配件等。它在其他方面完全不行,内存卡/专有视频格式使其无法用于其他任何东西。但这并不妨碍它成为世界上最好的掌上游戏机。
Stephen Lines 于 2005 年 12 月 3 日星期六晚上 11:40 GMT 说道。
评论127
Dell Axim X30。Windows Mobile 2003 第二版。使用 Internet Explorer。
它同时应用两者。
在我的 PC 上,它只应用“screen”,正如应该的那样。
Scott. 于 2005 年 12 月 15 日星期四凌晨 3:22 GMT 说道。
评论129
Blackberry 7100 软件 v4.0.2.49
使用 Browser 或 Blackberry Browser,所有测试均为“未应用”。
真糟糕。
Kevin 于 2005 年 12 月 30 日星期五凌晨 2:53 GMT 说道。
评论130
再来一个:三星 SGH-D500 使用 OpenWave 6.2.3.3
<link media="screen" -- 未应用
<style media="screen" -- 未应用
@import url("whatever.css") screen -- 未应用
@media screen { -- 未应用
<link media="handheld" -- 未应用
<style media="handheld" -- 未应用
@import url("whatever.css") handheld -- 未应用
@media handheld { -- 未应用
然而,我通过 <link rel="stylesheet" type="text/css" href="..." media="handheld"/> 提供 handheld 文件,并且它似乎与 OpenWave 配合得很好。这个测试值得再进行一轮,并进行一次漂亮的总结 ;-)
Johann 于 2006 年 1 月 9 日星期一下午 11:33 GMT 说道。
评论131
我一直在查找有关此的信息,发现了您的(很棒的)博文,以及一个列出了哪些浏览器(包括专有手机浏览器)支持“handheld”媒体类型的列表。
http://w3development.de/css/assigning_external_css/style_media_handheld.html
Steven 于 2006 年 1 月 11 日星期三晚上 6:53 GMT 说道。
评论132
摩托罗拉 V330 仅以下工作
<style media="handheld"
@media handheld
John 于 2006 年 1 月 20 日星期五凌晨 1:08 GMT 说道。
评论135
诺基亚 6630 内置浏览器:均未应用,但通用样式表已应用。看起来诺基亚的 Series60 浏览器根本不支持 @media 选择器。他们的新浏览器(在 E** 及更新型号中找到)应该支持这些,因为它基于苹果 Safari 的 WebCore,但我认为市场上还没有支持该浏览器的手机。
Filip Milivojevic 于 2006 年 1 月 27 日星期五下午 5:52 GMT 说道。
评论137
在 sonyericsson K608i 上使用内置浏览器测试
所有 screen 样式:未应用
所有 handheld 样式:已应用
Flemming Hoffmeyer 于 2006 年 2 月 2 日星期四上午 8:21 GMT 说道。
评论139
在 Treo 650 上 - Blazer 4 下所有样式均激活。
我觉得这很糟糕……因为仅仅是小屏幕就足以支持“手持设备”应该为我们打开的可能性。
这是 Ian 于 2006 年 2 月 23 日星期四晚上 9:40 GMT 所说。
评论140
我的 Sprint Audiovox PPC6700 中的 Internet Explorer(在 http://www.wilsonmar.com/wireless.htm#PPC6700z 中描述)显示版本为“IE401”,并且对于屏幕和手持设备的所有项目都返回“已应用”。
这是 wilson mar 于 2006 年 2 月 26 日星期日晚上 11:54 GMT 所说。
评论141
我一直在研究这个问题,很高兴你们一直在讨论它。
我在诺基亚 6822 上尝试了你们的测试,它对所有内容都返回“否”,这表明它不识别样式。但正如已经提到的,它们确实会读取样式,所以我不知道为什么你们在 6822 上的测试结果是阴性的。
我从另一个角度研究这个问题。我一直在尝试让 6822 忽略链接标签中的 media="screen",只读取 media="handheld",但它一直在读取两个样式表,结果很糟糕 :o(
我决定自己设计一个小测试,看看发生了什么。我没有能力测试所有可能的结果,所以我决定测试:
1. 看看 6822 是否将 media="screen" 与 media="handheld" 区别对待。
2. 看看它在处理 id 和 class 属性以及上下文选择器方面是否存在任何差异。
http://carjen.co.uk/mediatest/index.htm
现在我的代码可能不稳定,所以请自己进行一些测试以确保。
结果是 6822 轻松读取了所有 media="screen" 样式(那么我该如何制作一个移动样式表呢……烦人!)
但当读取 media="handheld" 样式时,一切都奏效了,除了上下文选择器(接下来怎么办?)
就像我说的,我的一些代码可能不稳定(虽然我验证了标记,但 w3 css 验证器已关闭)。
不确定我是否想进一步研究这个问题,因为它听起来很麻烦!
这是 Michael Hickland 于 2006 年 3 月 1 日星期三晚上 11:51 GMT 所说。
评论142
我在一个我一直在开发的电子商务网站 Tub Monkey (http://www.tubmonkey.com/) 上尝试使用手持样式,但没有取得巨大的成功。它有点奏效,但不如我希望的那样好。我正在考虑在我的手机上尝试 Opera,看看这是否能改善情况,但这仍然不能保证它会在大多数手机上奏效。
这是 mogmios 于 2006 年 3 月 4 日星期六下午 6:36 GMT 所说。
评论143
顺便说一句,在 NGage QD 上,所有样式表都不起作用。我的其他手机效果稍好一些。我的旧 Sanyo 手机则很糟糕。
这是 mogmios 于 2006 年 3 月 4 日星期六下午 6:55 GMT 所说。
评论144
摩托罗拉 V3i
Screen:无
Handheld:全部
(谢谢 Patrick,我很高兴找到了这个手持设备技巧)
这是 Bob 于 2006 年 3 月 7 日星期二下午 5:37 GMT 所说。
评论145
T-Mobile MDA Vario,Windows Mobile 5,Pocket Internet Explorer。所有屏幕和手持设备都已应用。
这是 Richard 于 2006 年 3 月 12 日星期日晚上 3:48 GMT 所说。
评论149
在我的诺基亚 3230 标准浏览器上试过了。
屏幕:未应用。
手持设备:未应用。
单词“未”显示为红色。
这是 Douglas Lee 于 2006 年 4 月 26 日星期三上午 3:40 GMT 所说。
评论150
Ipaq 4150:屏幕和手持设备 OK
SonyEricsson T630 屏幕不 OK。手持设备全部 OK
这是 Frank K 于 2006 年 5 月 27 日星期六晚上 10:27 GMT 所说。
评论151
在带 Pocket IE 的西门子 SX66 上测试
屏幕全部应用
手持设备全部应用
我确定大多数人都知道这一点,但以防万一:我使用 Openwave 模拟器来查看我的页面在大多数手机上的外观。
http://developer.openwave.com/dvl/tools_and_sdk/phone_simulator/
我只是在学习 CSS 和 XHTML。从未了解过 HTML。我真的很新手。爱死这个网站了。谢谢!
这是 Ray Wilson 于 2006 年 5 月 30 日星期二下午 4:14 GMT 所说。
另请参阅
- 下一页:移动 CSS 成为现实
- 上一页:电脑书籍封面太疯狂了

评论1
您好!
我在诺基亚 6600 手机上试用了你的测试页面,并在内置浏览器和 Opera 中进行了测试。
结果是:
- 内置浏览器:所有项目均为“未应用”
- Opera
- link media="handheld".. 已应用
- style media="handheld"... 已应用
- @import... 未应用
- @media handheld... 已应用
- 其他项目(screen 媒体):未应用
我猜不用解释为什么我更喜欢 Opera 而不是内置浏览器了:)
Maurice 于 2004 年 6 月 14 日星期一下午 12:09 GMT 说道。