过去,我创建了一个“全局”样式表,支持CSS的所有浏览器和设备都应该能够接收。
问题在于,我的旧诺基亚了解背景图片,但屏幕非常糟糕,背景图片使网站看起来很糟糕。
然后我开始将任何背景图像放入带有媒体查询的CSS文件中,以便像这样的旧手机无法理解它。但是,这会产生更多的工作。所以我开始将“global.css”放在媒体查询背后。这个想法是,如果手机无法理解媒体查询,我不希望它阅读我的样式表。旧的(桌面)版本的IE仍然使用条件注释为CSS服务。
所以我的问题是,如果手机不能理解CSS,它会像桌面浏览器一样提供自己的回退吗?所以至少一个h1大于h2等,并且文本不是全部集中在一个巨大的块中?
我猜这可能是一个“取决于”的答案,但我很感激对此的反馈。我手上没有旧诺基亚,所以看不出目前正在做什么。
非常感谢
答案 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版本)都包含默认样式表。这包括所有标题的基本样式,列表的基本项目符号和默认项目符号边距以及粗体和斜体样式。各种标题并不总是很好地区分,但它们之间的区别足以让人们从另一个标题中辨别出来。唯一真正的问题是用斜体文字。通常没有斜体字体本身,因此浏览器会将每个字符的像素向右移动以模拟倾斜的字体。这往往导致可读性差。