PDFをレスポンシブルにする
PDFをレスポンシブルにする
PDFをレスポンシブルにする
<div class="inner-wrapper">
<iframe src="https://drive.google.com/file/d/ここの文字列がID/preview" style="width:100%;" frameborder="0"></iframe>
</div>
</div>
<div class="wrapper">
<div class="inner-wrapper">
<iframe src="https://drive.google.com/file/d/0B-GA_aRZJ6O9eFZESHRoLWNDLWM/preview" style="width:100%;" frameborder="0"></iframe>
</div>
</div>
<style>
.wrapper {
max-width: 824px;
}
.inner-wrapper {
position: relative;
height: 0;
overflow: hidden;
padding-bottom: 141.5%;
}
.inner-wrapper iframe {
position: absolute;
width: 100%;
height: 100%;
}
</style>