于视口专题
Vue 3获取DOM元素的大小以及相对于视口的位置的getBoundingClientRect属性
在Vue 3中，可以使用ref来获取DOM元素的getBoundingClientRect属性。 如果元素已挂载，我们使用 getBoundingClientRect 方法来获取元素的位置和大小信息。这个方法返回一个对象，其中包含了 left、top、right、bottom 等属性，这些属性表示元素相对于其最近的滚动祖先（通常是视口）的位置。 这里是一个简单的例子： <template><di
Bootstrap的宽度和高度的设置(相对于父元素的宽度和高度、相对于视口的宽度和高度)
在Bootstrap中，宽度和高度的设置分为两种情况，一种是相对于父元素的宽度和高度设置，以百分比来表示；另一种是相对于视口的宽度和高度设置，单位为vw(视口宽度)和vh(视口高度)。 01-相对于父元素的宽度和高度设置 示例代码如下： <!DOCTYPE html><html><head><meta charset="UTF-8"><title>相对于父元素的宽度和高度</title>