css - 媒体查询——响应式设计中的屏幕、打印、语音

Question

我(和世界其他地方一样)使用媒体查询来帮助进行响应式设计。因此，我通常专注于编写 @media screen 查询。

但我想知道 - 在使用媒体查询进行响应式设计时是否需要考虑屏幕阅读器(甚至打印机？)？即，是否存在我需要在响应式设计中使用 @media speech 的情况？如果是这样，怎么做。

响应式设计与语音阅读器无关，那么我什么时候需要为语音阅读器使用媒体查询？

Answer 1

基于问题 [mediaqueries-4 ] Deprecate 'speech' media type as well? 中的评论目前既没有明确的用例，也没有对 speech 的显着支持。

因此基于此，您目前不需要关心speech 媒体类型。

print 媒体查询在另一个方面可能有用，具体取决于您的网站提供的信息，以及您是否想隐藏，例如网站导航，并在网站底部包含一些联系信息。或者将字体系列更改为打印时更易于阅读的衬线字体。