随着网页设计的不断发展，dt标签(拖拽排序)已经成为了网页中常见的元素之一。然而，dt标签的宽度和高度应该如何设置，仍然是一个有争议的问题。本文将介绍如何使用CSS来设置dt的宽高。
dt标签是拖拽排序的父标签，其宽度和高度由其他子标签(如dd和tr)决定。如果dt标签的父标签没有定义其宽度和高度，那么该dt标签将自动宽度和高度为100像素。但是，如果大家想让dt的宽度和高度自适应于其他子标签，就需要使用CSS的媒体查询。
媒体查询是一种用于响应式网页设计的技术，它允许大家指定元素的宽度和高度，并将其应用于所有类似元素的页面。媒体查询基于响应式设计，这意味着它会根据设备类型、屏幕大小和分辨率等条件来调整元素的宽度和高度。
以下是使用CSS设置dt标签宽度和高度的示例代码：
display: flex;
flex-wrap: wrap;
margin: 0 20px;
在这个示例中，大家使用`display: flex`来定义dt标签为flex容器，并将其设置为`flex-wrap: wrap`，这样它就可以随着子标签的变化而自动调整宽度。`flex-wrap: wrap`告诉CSSdt标签应该被包裹并自动调整宽度，以确保其在整个页面中显示流畅。
除了使用CSS媒体查询之外，大家还可以使用JavaScript来动态更改dt的宽度和高度。这可以通过在页面上加载JavaScript文件来实现，例如使用jQuery等库。在这种情况下，大家需要在dt标签上绑定一个事件，以便在JavaScript代码中更改其宽度和高度。
通过使用CSS和媒体查询，大家可以轻松地设置dt标签的宽度和高度，以确保其在整个页面中自适应于其他子标签。