Sin atributos
<section class="o-pdf-viewport">
<style>
/* Móvil / columnas: mantiene proporción A4 */
.o-pdf-viewport{
position:relative;
width:100%;
aspect-ratio:210/297;
max-height:100dvh;
background:#fff;
}
.o-pdf-viewport iframe{
position:absolute;
inset:0;
width:100%;
height:100%;
border:0;
}
/* Desktop: altura a pantalla (experiencia inmersiva) */
@media (min-width: 992px){
.o-pdf-viewport{
aspect-ratio:auto;
--pdf-header: 0px;
--pdf-min: 480px;
--pdf-max: 1200px;
height: clamp(
var(--pdf-min),
100dvh - var(--pdf-header),
var(--pdf-max)
);
}
}
/* Fallback navegadores sin dvh */
@supports not (height: 100dvh){
@media (min-width: 992px){
.o-pdf-viewport{
height: calc(100vh - var(--pdf-header));
}
}
}
</style>
<iframe
src="https://issuu.com/servitrapo/docs/protecci_n_facial_pantallas_y_visores_de_segurid?fr=sNWEzODkwMTkxMDA"
allow="autoplay; fullscreen"
loading="lazy"
title="Protección facial · Pantallas y visores de seguridad">
</iframe>
</section>
<p style="margin:.5rem 0 0">
<a
href="https://issuu.com/servitrapo/docs/protecci_n_facial_pantallas_y_visores_de_segurid?fr=sNWEzODkwMTkxMDA"
target="_blank"
rel="noopener">
Abrir en pestaña
</a>
</p>
Seguridad/Facial/Pantallas de soldar
Your Dynamic Snippet will be displayed here... This message is displayed because you did not provided both a filter and a template to use.