我需要在媒体查询中添加哪些内容，才能使我的网站占据移动设备上100%的视窗？

要使网站在移动设备上占据100%的视窗，可以通过以下内容进行媒体查询的添加：

1. 设置viewport：在网页头部的meta标签中，使用viewport属性来指定页面的视窗大小，例如：

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

这样可以确保页面以设备的宽度为基准进行自适应布局。

1. 使用百分比单位：在CSS样式中，使用百分比单位来设置元素的宽度、高度和内外边距等属性，以适应不同大小的移动设备。
2. 使用max-width属性：对于需要占据整个视窗宽度的元素，可以设置max-width为100%来确保元素宽度不会超出屏幕。
3. 弹性盒子布局（Flexbox）：通过使用Flexbox布局，可以轻松实现自适应的网页布局，使内容能够在移动设备上占据100%的视窗。
4. 媒体查询：通过媒体查询（media queries），根据设备的屏幕宽度和其他特性，为不同的设备提供不同的CSS样式，以适应不同设备上的显示效果。例如：

@media only screen and (max-width: 767px) {
    /* 在宽度小于767像素的设备上应用以下样式 */
    body {
        font-size: 14px;
    }
}

以上是在媒体查询中添加的常见内容，可以根据具体需求和网站设计来进行调整。