Responsive design 如果没有';没有CSS吗?

Responsive design 如果没有';没有CSS吗?,responsive-design,Responsive Design,在过去,我创建了一个“全局”样式表,所有支持CSS的浏览器和设备都应该能够接收该样式表 问题是,我的旧诺基亚理解背景图像,但屏幕太差,背景图像让网站看起来很糟糕 然后,我开始将任何背景图像放入带有媒体查询的CSS文件中,以便像这样的旧手机无法理解。然而,这会产生更多的工作。所以我开始在媒体查询后面添加“global.css”。这个想法是,如果手机不能理解媒体查询,我不想让它阅读我的样式表。旧版(桌面版)IE仍然使用条件注释提供CSS 所以我的问题是,如果手机不理解CSS,它会像桌面浏览器一样提供

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

问题是,我的旧诺基亚理解背景图像,但屏幕太差,背景图像让网站看起来很糟糕

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

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

我猜这可能是一个“视情况而定”的答案,但我很感谢对此的反馈。我手头没有我的旧诺基亚手机,所以看不到它现在在做什么


非常感谢

这取决于很多因素,例如供应商和设备的使用年限。然而,根据我的经验,一般来说,他们确实呈现h1的比正常文本更大;但是,不能对h下的h2说同样的话

通常对于旧的移动站点(当XHTML-MP成为新事物,WML风靡一时时),我们使用CSS使用以下字体大小值设置字体大小:

xx-small, x-small, small, medium, large, x-large and xx-large
根据我的经验,我可以告诉您,只有
小型、中型和大型
能够在大多数功能手机浏览器中可靠地工作。

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