43 lines
1018 B
HTML
43 lines
1018 B
HTML
<div class="pdf-container" onclick="openPdfFullscreen('cv_tiny.pdf')">
|
|
<iframe
|
|
src="cv_tiny.pdf#view=FitH"
|
|
width="70%"
|
|
height="600px"
|
|
style="border: none;">
|
|
</iframe>
|
|
</div>
|
|
|
|
<script>
|
|
function openPdfFullscreen(pdfUrl) {
|
|
// 打开新窗口，尝试全屏
|
|
const features = `
|
|
width=${screen.width},
|
|
height=${screen.height},
|
|
left=0,
|
|
top=0,
|
|
scrollbars=yes,
|
|
resizable=yes,
|
|
fullscreen=yes
|
|
`;
|
|
|
|
window.open(pdfUrl, '_blank', features);
|
|
|
|
// 备选方案：直接打开PDF
|
|
// window.open(pdfUrl, '_blank');
|
|
}
|
|
</script>
|
|
|
|
<!-- 将iframe放在一个可点击的容器中 -->
|
|
<div class="pdf-preview" onclick="window.open('cv_tiny.pdf', '_blank')">
|
|
<iframe
|
|
src="cv_tiny.pdf#toolbar=0&navpanes=0"
|
|
width="100%"
|
|
height="600px"
|
|
style="border: none; cursor: pointer;"
|
|
title="点击在新窗口全屏查看PDF">
|
|
</iframe>
|
|
<div class="pdf-overlay">
|
|
<div class="pdf-tooltip">点击在新窗口全屏查看</div>
|
|
</div>
|
|
</div>
|