前端-兼容
panling_dml
这个作者很懒,什么都没留下…
展开
-
适配处理iphoneX底部的横条
iphoneX手机取消了实体Home键,取而代之的是主界面底部不显眼的横条“HomeIndicator”。当网页底部fixed 元素时候,一部分元素可能就被这个横条遮挡住,怎么适配解决呢?第一步: <meta name=“viewport” content=“width=device-width, viewport-fit=cover”> 第二步: 页面主体内容限定在安全区域内,如果不设置这个值,可能存在小黑条遮挡页面最底部内容的情况 body { pa.转载 2020-08-31 15:56:01 · 1436 阅读 · 0 评论 -
前端拼图滑动验证,兼容IE10 IE11
源码摘自https://www.cnblogs.com/huangting/p/11285131.html源码用ES6写的,不兼容IE10,自己做了改动,改动后亲测兼容IE11,IE10先上图再上代码css.block { position: absolute; left: 0; top: 0; } .sliderCo...原创 2020-01-07 16:39:00 · 797 阅读 · 0 评论 -
html5shiv.js和respond.min.js
html5shiv:解决ie9以下浏览器对html5新增标签的不识别,并导致CSS不起作用的问题。respond.min:让不支持css3 Media Query的浏览器包括IE6-IE8等其他浏览器支持查询。由于IE6/IE7/IE8还有很大一部分用户,为了让网站浏览者都能正常的访问HTML5网站,故这两种方案还是需要的,下面是两个解决方法的cdn地址写法:转载 2017-11-08 17:34:24 · 835 阅读 · 0 评论