我的布局在普通浏览器中看起来不错，但是在链接和lynx中看起来像是一大堆文本。我想在文本浏览器中的部分之间添加<hr>或<br>，但是我不希望它们干扰普通浏览器中的CSS布局。我尝试hr {display: none;}在CSS中进行设置，但也将其隐藏在文本浏览器中。
2016年12月21日更新：不推荐使用tty（以及许多其他媒体类型，您可以在这里查看https://drafts.csswg.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
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句