iframe遇到的一些坑

  • iframe 默认在 PC 端是可以滚动的， 但是在移动端却不一定会滚动，这时候需要在外面包一个 div 滚动
div {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
  • iframe 里面的页面在移动端会一直变大 添加属性 scroll=“no”，不过这样的话 iframe 就自动不会滚动了，最好的办法是 PC 端的时候将这个属性改为 "yes"。
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • h5常见的面试题
    第一部分 HTML&CSS整理答案 1. 什么是HTML5？ 答：HTML5是最新的HTML标准。 注意：讲述HT...
    kismetajun阅读 27,958评论 1赞 45
  • 2018-07-14
    选择题部分 1.(),只有在发生短路事故时或者在负荷电流较大时,变流器中才会有足够的二次电流作为继电保护跳闸之用。...
    skystarwuwei阅读 13,727评论 0赞 7
  • 移动端的坑
    mobileHack 这里收集了许多移动端上遇到的各种坑与相对解决方案 工具类网站 HTML5 与 CSS3 技术...
    Zoemings阅读 6,587评论 0赞 12
  • HTML
    第一章 1、使用浏览器去访问的程序，叫网页 2、web代码存放在服务器 代码分为两种：① 运行在浏览器端：前端代...
    fastwe阅读 3,493评论 0赞 2
  • 世间事征文|简年4:搓背人的工匠精神
    文/淘汽十一郎 昨天去泡了本年度的第一次温泉，同时搓了本年度第一次背，也是此生到此为止感觉最受震撼的一次搓背。 “...
    淘汽十一郎阅读 644评论 2赞 1