使具有设置大小的元素响应于父元素

可以通过使用CSS中的flexbox布局或者grid布局来实现。

1. Flexbox布局：Flexbox是一种用于创建灵活的、自适应的布局的CSS模块。通过设置父元素的display属性为flex，可以将其子元素排列为一行或一列，并根据需要自动调整它们的大小。具体步骤如下：
   • 设置父元素的display属性为flex：display: flex;
   • 设置子元素的flex属性来控制它们在父元素中的大小比例：flex: 1;（子元素的flex值决定了它们在父元素中所占的比例，可以根据需要进行调整）
   • Flexbox的优势是简单易用，适用于各种布局需求，特别适合用于响应式设计。在腾讯云的产品中，推荐使用云服务器（CVM）来搭建网站或应用，详情请参考：云服务器产品介绍

• Grid布局：Grid布局是一种二维布局系统，可以将页面划分为行和列，并通过设置网格单元格的大小来实现元素的响应性。具体步骤如下：
  • 设置父元素的display属性为grid：display: grid;
  • 使用grid-template-columns和grid-template-rows属性来定义网格的列数和行数，并设置网格单元格的大小：grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));（这个例子中，网格的列数会根据父元素的宽度自动调整，每个网格单元格的最小宽度为200px，最大宽度为1fr，即剩余空间的比例）
  • Grid布局的优势是可以更精确地控制元素的位置和大小，适用于复杂的布局需求。在腾讯云的产品中，推荐使用云数据库MySQL版来存储和管理数据，详情请参考：云数据库MySQL版产品介绍

以上是使用Flexbox布局和Grid布局来实现使具有设置大小的元素响应于父元素的方法。这些布局技术可以应用于各种网页和应用程序的开发中，提供了灵活性和响应性，使得页面在不同设备和屏幕尺寸上都能良好地展示。