如何设置元素的尺寸以仅填充初始窗口/视口大小？

要设置元素的尺寸以仅填充初始窗口/视口大小，可以使用CSS中的单位和属性来实现。

一种常用的方法是使用相对单位，如百分比或vw/vh（视口宽度/视口高度的百分比）。以下是一些常见的方法：

1. 使用百分比：可以通过将元素的宽度和高度设置为百分比来实现。例如，将元素的宽度设置为100%，高度设置为100%将使元素填充整个初始窗口/视口。

.element {
  width: 100%;
  height: 100%;
}

1. 使用vw/vh单位：可以使用vw/vh单位来设置元素的宽度和高度，这些单位是相对于视口宽度和视口高度的。例如，将元素的宽度设置为100vw，高度设置为100vh将使元素填充整个初始窗口/视口。

.element {
  width: 100vw;
  height: 100vh;
}

1. 使用calc()函数：可以使用calc()函数来计算元素的尺寸，结合vw/vh单位和其他数值。例如，将元素的宽度设置为calc(100vw - 20px)，高度设置为calc(100vh - 20px)将使元素填充初始窗口/视口，并留出20像素的边距。

.element {
  width: calc(100vw - 20px);
  height: calc(100vh - 20px);
}

以上是设置元素尺寸以仅填充初始窗口/视口大小的几种常见方法。根据具体需求和场景，选择适合的方法即可。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云官网：https://cloud.tencent.com/
• 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 腾讯云云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
• 腾讯云云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
• 腾讯云CDN加速：https://cloud.tencent.com/product/cdn
• 腾讯云人工智能：https://cloud.tencent.com/product/ai
• 腾讯云物联网平台：https://cloud.tencent.com/product/iotexplorer
• 腾讯云移动开发：https://cloud.tencent.com/product/mobile
• 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
• 腾讯云区块链服务（BCS）：https://cloud.tencent.com/product/bcs
• 腾讯云游戏多媒体引擎（GME）：https://cloud.tencent.com/product/gme
• 腾讯云视频处理（VOD）：https://cloud.tencent.com/product/vod