如何在PUG模板引擎的媒体查询中包含CSS文件？

在Pug模板引擎中，可以通过使用link标签来包含CSS文件，并结合媒体查询来实现响应式布局。以下是一个示例：

doctype html
html
  head
    title My Website
    link(rel='stylesheet', href='styles.css')
    style
      | @media screen and (max-width: 600px) {
      |   link(rel='stylesheet', href='mobile.css')
      | }
  body
    h1 Welcome to my website
    p This is some content

    script(src='script.js')

在上面的示例中，我们使用link标签来包含主要的CSS文件（styles.css），然后在style标签中使用媒体查询来包含针对小屏幕设备的CSS文件（mobile.css）。媒体查询的条件是屏幕宽度小于等于600像素。

这样，在不同的设备上，浏览器会根据媒体查询条件选择性地加载相应的CSS文件，从而实现不同屏幕尺寸下的样式适配。

对于Pug模板引擎，腾讯云并没有特定的产品或服务与之直接相关。然而，腾讯云提供了丰富的云计算产品和解决方案，可以帮助开发者构建和部署各种应用。你可以参考腾讯云官方文档了解更多相关信息：腾讯云产品文档。