<div class="first"> <div class="second"> <h1>襄阳市</h1> <p>湖北省辖地级市</p> <div class="threed"> <div class="four"> <img src="./img/tv1.jpg" alt=""> <img src="./img/tv2.jpg" alt=""> <img src="./img/tv3.jpg" alt=""> </div> </div> </div> </div>适应手机屏幕

如果你想让这个代码块适应手机屏幕，可以使用 CSS 媒体查询来针对不同的屏幕大小应用不同的样式。以下是一种可能的实现方式：

/* 默认样式 */
.first {
  width: 800px;
  margin: 0 auto;
}

/* 在屏幕宽度小于 600px 时应用的样式 */
@media screen and (max-width: 600px) {
  .first {
    width: 100%;
  }
}

在上面的代码中，我们定义了一个默认样式，其中 `.first` 元素的宽度为 800 像素，居中显示。然后，我们使用 `@media` 查询来检测屏幕宽度是否小于 600 像素。如果是，就应用一个新的样式，将 `.first` 元素的宽度设置为 100%。这样，无论用户使用什么大小的设备，这个代码块都会适应屏幕大小。