HTML5   发布时间:2022-04-27  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了ios – iframe比iPhone上应该更宽大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个iframe,我嵌入到响应式wordpress主题中.它在一些移动设备上看起来不错,但在iPhone上,iframe比它应该宽一点,它从容器中移出,因此用户无法看到iframe的正确部分(可能大约是20-30pX).这在纵向模式下发生 – 如果方向设置为横向,则看起来没问题.

iframe的内容也是响应式的,我正在使用bootstrap.此外,它在调整大小的桌面浏览器和Android移动设备上看起来还不错.所以问题只在于iPhone的纵向定位.

我在iframe的头部使用这个

<Meta name="viewport" content="width=device-width,initial-scale=1.0">

有任何想法吗?

谢谢!

解决方法

移动Safari似乎无法识别iframe上的宽度属性,但可识别最小宽度.
iframe{
  width: 1px;
  min-width: 100%;
}

大佬总结

以上是大佬教程为你收集整理的ios – iframe比iPhone上应该更宽全部内容,希望文章能够帮你解决ios – iframe比iPhone上应该更宽所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。