l331106470 2022-04-12 12:22 采纳率: 100%
浏览 338
已结题

iframe嵌入第三方网站,手机端无法横向滑动及放大缩小

在iframe中嵌入

https://www.desmos.com/calculator?lang=zh-CN
此网站时,电脑端页面正常,手机端无法横向滑动及缩放

尝试过网上的一些代码,对于个别网站可以出现横向滚动条,功能正常,但此网站不可
<div class="container">
    <iframe src="https://www.desmos.com/calculator/vgfqbejegx?lang=zh-CN" scrolling="yes" class="container" ></iframe>
    </div>

<style scoped>
.container{
  height:500px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.frame{
  width:100%;
  height:100%;
}


希望能够像电脑端一样,功能正常
  • 写回答

2条回答 默认 最新

  • zh阿飞 2022-04-12 13:09
    关注

    因为 https://www.desmos.com/calculator/vgfqbejegx?lang=zh-CN 网站的头部,设置了 mate viewport,告诉了在移动端该如何缩放页面
    并且网站也没有设置最小宽度,默认宽度就是设备宽度,你这里面就是iframe的宽宽,所以不会出现滚动条

    img

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 4月20日
  • 已采纳回答 4月12日
  • 创建了问题 4月12日

悬赏问题

  • ¥15 求lingo代码和思路
  • ¥15 公交车和无人机协同运输
  • ¥15 stm32代码移植没反应
  • ¥15 matlab基于pde算法图像修复,为什么只能对示例图像有效
  • ¥100 连续两帧图像高速减法
  • ¥15 如何绘制动力学系统的相图
  • ¥15 对接wps接口实现获取元数据
  • ¥20 给自己本科IT专业毕业的妹m找个实习工作
  • ¥15 用友U8:向一个无法连接的网络尝试了一个套接字操作,如何解决?
  • ¥30 我的代码按理说完成了模型的搭建、训练、验证测试等工作(标签-网络|关键词-变化检测)