最近这两天经常遇到一些麻烦的兼容问题,统一整理一下,比较简单也不是特别全面,希望大家多多交流。 几种IE6 bug的解决方法 1)png24位的图片在iE6浏览器上出现背景,解决方案是做成PNG8.也可以引用一段脚本处理. 2)IE6双倍边距bug:在该元素中加入display ...
Meta基础知识: H 页面窗口自动调整到设备宽度,并禁止用户缩放页面 空白页基本meta标签 H 页面窗口自动调整到设备宽度,并禁止用户缩放页面 常见问题: 移动端如何定义字体font family 打电话发短信写邮件怎么实现 移动端touch事件 区分webkit和winphone 移动端click屏幕产生 ms的延时响应 Rentina显示屏原理及设计方案 点击元素产生背景或边框怎么去掉 美 ...
2018-05-14 12:05 0 14373 推荐指数:
最近这两天经常遇到一些麻烦的兼容问题,统一整理一下,比较简单也不是特别全面,希望大家多多交流。 几种IE6 bug的解决方法 1)png24位的图片在iE6浏览器上出现背景,解决方案是做成PNG8.也可以引用一段脚本处理. 2)IE6双倍边距bug:在该元素中加入display ...
前段时间在做微信h5的时候,遇到了ios兼容,使用clipboard.js插件完美解决 下载地址:下载地址: https://github.com/zenorocha/clipboard.js cnd 引入js : https://cdn.staticfile.org/clipboard.js ...
1.input[type=checkbox]在ios端样式显示异常,黑色背景或边框,安卓正常 解决: 2.option标签在ios端不支持在onfocus事件中渲染dom,安卓和vue不影响 解决: 正常步骤,可在页面加载时提前加载数据渲染dom 3.ios的input失焦 ...
IE8及以下版本的浏览器对前端来说就是一个BUG的存在,但是总也绕不过去,非技术性官网一般会要求网站兼容到ie8,有时候甚至要到ie7,总之IE8是一定要能hold住。 最近公司一个比较小众的项目,因为要通过控件去操作硬件设备的配置,用到object控件通过xml传递数据 ...
h5页面中使用上拉分页 可以引入 minirefresh-all.js 第三方插件来完成 但是最近发现这个插件对IOS 13以上的系统支持不是特别友好,所有对插件进行优化 无法修改插件使既使 安卓和IOS 13以下的版本适用同时也让IOS 13以上的版本适用 所以采用一种比较笨 ...
最近写一个H5活动页,安卓里的表现很不错,写下来很少出现兼容性问题,ios就不一样了,好多问题都出现在ios上(手动狗头)🐶 1. ios在微信里弹出软键盘之后,页面底部留白 2. 利用伪类重写按钮样式的时候ios里的兼容问题 问题:用伪类重写按钮样式 ...
viewport设置 设置特定的样式 input问题 placehoulder会使文本位置偏移 设置type = number 之后pc端会出现 上下箭头(消除箭头) input ...
1.移动端页面收起键盘时,底部有空白:失去焦点时,滚动到顶部(IOS) <input type="text" οnblur="window.scrollTo(0, 0);"> 2.Element.scrollIntoView() 方法让当前的元素滚动到浏览器窗口的可视区 ...