1

I set my iframe height to be 200px and my the width to be 100% of the layout i set for the ifram in android it works fine but in Iphone(that i have), the css code doesnt work and it the result is that : the ifram takes the full height and width of its content. which makes everything messed up this is the code:

    <!-- css code -->
<style>
 .pc1s1iframe{ 
    width: 100%;
    background-color: white;
    height: 200px;
}
</style>

<!-- html code --> 
<div class="pc1s1">
  <h3 class="pc1s1Title">1rst semester</h3>
  <iframe class="pc1s1iframe" src="https://drive.google.com/embeddedfolderview? 
  id=1lyEGBCoXoACwwu8DOYbkUwHl1rrO_9rh" frameborder="0"></iframe>
</div>
Donn Deparsio
  • 31
  • 5
  • 1
    Does this answer your question? [IFrame height issues on iOS (mobile safari)](https://stackoverflow.com/questions/34320046/iframe-height-issues-on-ios-mobile-safari) – s.kuznetsov Apr 25 '21 at 19:33

1 Answers1

-1

Maybe try something like this on your .pc1s1iframe

.pc1s1iframe {
  width: 1px;
  min-width: 100%;
  background-color: white;
  height: 200px;
}
jrob11
  • 315
  • 1
  • 9