CSS 是前端开发当中非常重要的一部分，作为样式控制器，它能够帮助我们处理页面上的各种展示问题。其中，如何在 CSS 中写屏幕宽度则是一个常见的问题，接下来就由我来详细讲解一下。首先，在 CSS 中写屏幕宽度通常采用以下代码：

@media screen and (max-width: 768px) {/* 在此处添加你的样式控制代码 */}

在上述代码中，@media 表示 CSS 媒体查询，screen 表示我们需要设置的媒体类型为屏幕，max-width 表示最大宽度，此处为 768px。这段 CSS 代码的含义是：当屏幕宽度小于等于 768px 时，应用在大括号中的样式控制代码。接下来，我们可以尝试在页面中使用这段代码来设置一下屏幕宽度。代码如下：

这是一段测试文字。

在这段代码中，我们使用了 p 标签来添加一段测试文字，然后在样式控制代码中添加了一个背景色为红色、字体颜色为白色的样式效果。这样，当页面的屏幕宽度小于等于 768px 时，这些样式就会生效。我们可以尝试在浏览器中缩小窗口，以查看这段代码的效果。总的来说，CSS 中写屏幕宽度可以帮助我们适应不同屏幕大小的显示问题。通过媒体查询和样式控制代码的组合，我们可以在页面中灵活地实现各种效果。相信大家看完这篇文章，对于 CSS 中写屏幕宽度有了更深入的理解。