如果没有任何CSS,功能手机会做什么?

时间:2012-06-14 09:01:57

标签: responsive-design

过去,我创建了一个“全局”样式表,支持CSS的所有浏览器和设备都应该能够接收。

问题在于,我的旧诺基亚了解背景图片,但屏幕非常糟糕,背景图片使网站看起来很糟糕。

然后我开始将任何背景图像放入带有媒体查询的CSS文件中,以便像这样的旧手机无法理解它。但是,这会产生更多的工作。所以我开始将“global.css”放在媒体查询背后。这个想法是,如果手机无法理解媒体查询,我不希望它阅读我的样式表。旧的(桌面)版本的IE仍然使用条件注释为CSS服务。

所以我的问题是,如果手机不能理解CSS,它会像桌面浏览器一样提供自己的回退吗?所以至少一个h1大于h2等,并且文本不是全部集中在一个巨大的块中?

我猜这可能是一个“取决于”的答案,但我很感激对此的反馈。我手上没有旧诺基亚,所以看不出目前正在做什么。

非常感谢

2 个答案:

答案 0 :(得分:1)

这取决于很多因素,例如供应商和设备的年龄。然而,根据我的经验,他们通常会渲染h1比普通文本更大;但是,不能说h2的h2更低了。

通常对于旧的移动网站(当XHTML-MP是新事物并且WML风靡一时时)我们习惯使用这些字体大小的值设置字体大小:

xx-small, x-small, small, medium, large, x-large and xx-large

根据我的经验,我可以告诉您,只有small, medium and large可以在大多数功能手机移动浏览器中可靠地工作。

答案 1 :(得分:1)

所有诺基亚浏览器(包括旧的XHTML MP版本)都包含默认样式表。这包括所有标题的基本样式,列表的基本项目符号和默认项目符号边距以及粗体和斜体样式。各种标题并不总是很好地区分,但它们之间的区别足以让人们从另一个标题中辨别出来。唯一真正的问题是用斜体文字。通常没有斜体字体本身,因此浏览器会将每个字符的像素向右移动以模拟倾斜的字体。这往往导致可读性差。