css pdf在iframe只有第一页在iPhone/iPad上

jobtbby3  于 2022-12-15  发布在  其他
关注(0)|答案(3)|浏览(754)

我试着用iframe显示pdf的内容。在普通电脑上一切都很好。但是在苹果的移动的设备(iPhone/iPad)上只显示pdf的第一页。
这是我的代码,我已经添加了一些滚动样式,因为我认为这是一个与滚动相关的问题,但如果我把iframe做得很小,它就可以滚动!然而问题仍然是一样的...只有第一页是可见的。

<div class="scroll-wrapper">
<iframe height="260" width="280" src="info.pdf"> </iframe> 
</div>

.scroll-wrapper{

overflow-y:scroll;
-webkit-overflow-scrolling:touch;
width: 400px;
height: 300px;
}
pu82cl6c

pu82cl6c1#

也许你应该尝试使用viewport.或者使用响应断点

@media screen and (max-width:512px) {
   size:
}
x3naxklr

x3naxklr2#

@媒体屏幕和(最大宽度:512 px){ .scroll-wrapper{

overflow-y:scroll;
   -webkit-overflow-scrolling:touch;
    width: 400px;enter code here
     height: 300px;k

} }

pod7payv

pod7payv3#

试试这个

iframe {
      width: 100% !important;
    }

相关问题