网站建设资讯

NEWS

网站建设资讯

iframe高度自适应及隐藏滚动条的实例详解

iframe高度自适应及隐藏滚动条的实例详解

在岳阳等地区,都构建了全面的区域性战略布局,加强发展的系统性、市场前瞻性、产品创新能力,以专注、极致的服务理念,为客户提供网站建设、网站设计 网站设计制作按需开发,公司网站建设,企业网站建设,品牌网站建设,成都全网营销推广,外贸网站建设,岳阳网站建设费用合理。

在工作中,我们可能会遇到自己公司和其他的公司达成合作关系,从而共同开发某个项目。而这时候,我们可能就需要在自己的网站上嵌入别人做好的页面。而这种情况下,我们一般都会选择去使用iframe达到我们的目的。但是iframe用起来,真的是让人头痛,高度无法控制,难看的滚动条等等,下面我分享一下自己在处理iframe时的一些心得。

高度自适应





高度自适应并且隐藏滚动条



  

  


取巧的方式隐藏滚动条

取巧的方式就是,我们给iframe的宽度设置成101%,这样就可以把滚动条隐藏到屏幕外面,在将其overflow-x设置成hiden就行。这种方法在移动端 就没必要了。

 如有疑问请留言或者到本站社区交流讨论,感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!


网站标题:iframe高度自适应及隐藏滚动条的实例详解
本文URL:http://njwzjz.com/article/isjidh.html