如何控制弹窗中显示的PDF大小

要控制弹窗中显示的PDF大小，可以使用CSS样式来调整弹窗的大小。具体步骤如下：

在弹窗的HTML代码中，为显示PDF的元素（如<iframe>）添加一个class或id属性，以便能够通过CSS选择器选择到该元素。
在CSS样式表中，使用选择器选择到该元素，并设置其宽度和高度。可以使用width和height属性来指定具体的宽度和高度值，也可以使用百分比来设置相对于弹窗容器的宽度和高度。

例如，假设要将PDF显示区域的宽度设置为弹窗容器的80%、高度设置为弹窗容器的70%，可以使用以下CSS代码：

.pdf-viewer {
  width: 80%;
  height: 70%;
}

将上述CSS样式应用到弹窗中显示PDF的元素上。可以通过为该元素的class或id属性添加对应的CSS类名或ID来实现。例如：

<iframe class='pdf-viewer' src='pdf-url'></iframe>

其中，pdf-url是PDF文件的URL。

通过上述步骤，就可以通过控制CSS样式来调整弹窗中显示的PDF的大小。根据实际需求，可以自定义具体的宽度和高度值，以适应所需的显示效果。

以下是一段示例代码，用于演示如何使用JavaScript将Base64编码的PDF数据转换为Blob对象，并将其显示在弹窗中：

let base = data.rxFile;
let bstr = atob(base);
let n = bstr.length;
let u8arr = new Uint8Array(n);
while (n--) {
  u8arr[n] = bstr.charCodeAt(n);
}
let blob = new Blob([u8arr], {type: 'application/pdf;chartset=UTF-8'});
let url = window.URL.createObjectURL(blob);
window.open(url)
// const a = document.createElement('a')
// a.href = url
// //不下载 a.download = name + '.pdf'
// document.body.appendChild(a)
// a.click()
// document.body.removeChild(a)
//删除url绑定
window.URL.revokeObjectURL(url)