相对于屏幕而不是父元素调整HTML元素的大小

是通过CSS中的视口单位来实现的。视口单位是相对于浏览器窗口的尺寸来进行计算的，而不是相对于父元素的尺寸。

常用的视口单位有以下三种：

1. vw（Viewport Width）：表示相对于视口宽度的百分比，1vw等于视口宽度的1%。
2. vh（Viewport Height）：表示相对于视口高度的百分比，1vh等于视口高度的1%。
3. vmin（Viewport Minimum）：表示相对于视口宽度和高度中较小值的百分比，1vmin等于较小值的1%。

使用视口单位可以实现响应式布局，使元素的大小能够根据屏幕大小的变化而自适应调整。例如，可以通过设置元素的宽度为50vw，使其宽度始终为视口宽度的一半。

视口单位的优势包括：

1. 响应式布局：使用视口单位可以方便地实现响应式布局，适应不同屏幕大小的设备。
2. 简化计算：相对于父元素调整大小可能需要复杂的计算，而使用视口单位可以直接根据视口尺寸进行计算，简化了布局的过程。
3. 独立于父元素：视口单位是相对于视口而不是父元素进行计算的，因此可以避免受到父元素尺寸变化的影响。

视口单位的应用场景包括：

1. 响应式网页设计：通过使用视口单位可以实现网页在不同设备上的自适应布局，提供更好的用户体验。
2. 移动端开发：在移动端开发中，使用视口单位可以适应不同尺寸的移动设备，确保页面的可用性和可访问性。
3. 多屏幕适配：视口单位可以用于多屏幕适配，使得页面在不同分辨率的屏幕上都能够正常显示。

腾讯云相关产品和产品介绍链接地址： 腾讯云提供了丰富的云计算产品和服务，包括云服务器、云数据库、云存储等。具体可以参考腾讯云官方网站：https://cloud.tencent.com/