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>
|