img-focus 响应式照相馆 一组轻量级的Web组件,用于显示未裁剪的图片。 入门 安装 通过程序包管理器安装Web组件: npm install img-focus 您也可以下载文件。 在您HTML文件中导入 。 添加以下具有相应属性的标签: img-focus标签来设置您的画廊。 画廊中每张照片的img-photo标签,可以附加内容,它将显示为照片叠加层。 srcset照片来源,它将用于显示缩略图和全屏照片(强制性,无默认值) sizes照片尺寸,它可被定义为减少网络负载(optionnal,默认值: (min-width: 50em) 15vw, 100vw ) width和height固有的照片宽度和高度,它将用于避免版式偏移(可选,无默认值) alt照片替代文字,打开照片时将显示为照片标题(可选,无默认值) < img> < img-p