media 查询

最新推荐文章于 2025-03-21 19:52:54 发布

weixin_30341735

最新推荐文章于 2025-03-21 19:52:54 发布

阅读量78

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/kkcodin/p/5279812.html

本文介绍了一种用于不同屏幕尺寸下显示表格的方法，通过使用CSS媒体查询来调整表格的显示方式，确保了良好的阅读体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<style>
@media only screen and (max-width: 800px) {
	table td:nth-child(2),
	table th:nth-child(2) {display: none;}
}
 
@media only screen and (max-width: 640px) {
	table td:nth-child(4),
	table th:nth-child(4),
	table td:nth-child(7),
	table th:nth-child(7),
	table td:nth-child(8),
	th:nth-child(8){display: none;}
}
</style>

转载于:https://www.cnblogs.com/kkcodin/p/5279812.html