7

我的布局在普通浏览器中看起来不错，但在链接和 lynx 中看起来像一大堆文本。我想在文本浏览器中添加一个<hr>或<br>之间的部分，但我不希望它们干扰普通浏览器中的 CSS 布局。我尝试hr {display: none;}在 CSS 中进行设置，但它也将其隐藏在文本浏览器中。

4

1 回答 1

8

更新 21/12/2016： tty 将被弃用（以及您可以在此处查看的许多其他媒体类型https ://drafts.c​​sswg.org/mediaqueries/#media-types ）并且应该用以下组合代替媒体功能，一种比媒体类型更细粒度的测试方法，测试用户代理或显示设备的单个特定功能。对于定位文本浏览器，您可以结合使用网格和单色功能。

原始答案：

正如 Paul 所说，您应该使用媒体查询让浏览器选择更适合设备/浏览器的 css。对于文本浏览器，例如 lynx 和链接，您应该使用以下媒体查询：

tty

这是适合使用固定间距字符网格的媒体的格式。

要定位 CSS 规则，您可以导入带有<link>指定媒体标签的 css 文件，如下所示：

<link rel='stylesheet' media='tty' href='lynx.css' />

或者通过使用以下语法在 css 文件中定义媒体：

@media tty {
    my-lynx-css-rule {
        ...
    }
}

有关可用媒体查询的详细说明，请查看以下页面： http ://cssmediaqueries.com/what-are-css-media-queries.html

于 2013-12-13T16:57:26.063 回答