根据userAgent最
Jan
10
css - Width 100% not working on iOS - Stack Overflow
主要原因，当”scrolling”设置为”yes”的时候ios根本就直接忽略了iframe设置的宽度和高度。
有很多复杂的解决办法，Js调整、设置屏幕等。
Try by simplifying your meta name viewport (at least for iOS) to the following line:
最简单粗暴的解决方法就是：
<style type="text/css">
.iframe_box {
overflow: scroll;
-webkit-overflow-scrolling: touch;
min-width: 100%;
*width:100%;
width:1px;
height:450px;
}
</style>
<iframe class="iframe_box" scrolling="no" frameborder="0" src="http://blog.zhoz.com" ></iframe>
作用点：
class="iframe_box"
scrolling="no"
主要原因，当”scrolling”设置为”yes”的时候ios根本就直接忽略了iframe设置的宽度和高度。
有很多复杂的解决办法，Js调整、设置屏幕等。
Try by simplifying your meta name viewport (at least for iOS) to the following line:
最简单粗暴的解决方法就是：
<style type="text/css">
.iframe_box {
overflow: scroll;
-webkit-overflow-scrolling: touch;
min-width: 100%;
*width:100%;
width:1px;
height:450px;
}
</style>
<iframe class="iframe_box" scrolling="no" frameborder="0" src="http://blog.zhoz.com" ></iframe>
作用点：
class="iframe_box"
scrolling="no"
作者：@Everyday NetLog
地址：https://log.zhoz.com/read.php?791
版权所有。转载时必须以链接形式注明作者和原始出处及本声明！
