首页 > 移动平台 > 详细

ios设备使用iframe宽度超出屏幕的解决方法

时间:2020-12-09 21:05:58      阅读:46      评论:0      收藏:0      [点我收藏+]

做h5项目时,使用iframe嵌套一个h5子页面在ios手机上出现超出屏幕的问题。子页面本身是没有超出屏幕的,给iframe;设置了宽度100%没有起作用,在ios手机上为超出屏幕,但是在安卓手机上显示正常。

解决办法:

1、给iframe的外层div添加样式:overflow: auto;-webkit-overflow-scrolling:touch;width:100%;

2、给iframe设置属性scrolling=‘no‘

3、给iframe设置样式:width: 1px; min-width: 100%; *width: 100%;

 

ios设备使用iframe宽度超出屏幕的解决方法

原文:https://www.cnblogs.com/liubingboke/p/14110320.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!