兼容
文章平均质量分 55
时间在飞飞
联系方式:18501080314 有2年音乐艺术教育行业工作经验,3年电商行业工作经验。热爱思考和实践,有4年多前端开发经历,其中3年旅游服务电商行业开发经验。性格开朗,热爱技术,有责任心,工作能力强。
展开
-
前端网页如何在 Windows 上测试 Safari
不幸的是,无法激活响应式设计模式,因此您将无法测试 iOS。MiniBrowser 和 Safari 之间的功能支持存在一些差异,因此它不是 100% 完美的。但基本的东西是一样的,所以你可以测试你的CSS布局是否正常工作,或者你的鼠标事件处理代码是否正常工作。返回到您在步骤 1 中下载的 WebKitRequirementsWin64.zip 文件,从 bin64 目录中获取所有文件,并将它们复制到与 MiniBrowser.exe 相同的目录中。Safari 无法在 Windows 上运行。原创 2024-03-12 08:55:25 · 1721 阅读 · 2 评论 -
h5跳转到 苹果 ios app store 应用商店 的APP详情页面
在开发h5跳转到 ios系统app store的时候遇到两个问题原理判断是安卓还是苹果,如果为苹果显示苹果的标签,点击a标签,执行跳转唤起APP(openAPP),加一个定时器,三秒(可根据需求调整)之后,如果没有唤起成功,跳转到App Store下载页面。 不管iOS还是Android,浏览器都不可能预知本地是否安装了某个APP的。或者更严谨地说,我们不能通过浏览器来预知本地是否安装。因为就算浏览器可以读取本地应用的安装列表,但是目前也没任何一家浏览器提供查询的API,所以这条路是走不通的...原创 2020-10-27 16:03:20 · 6308 阅读 · 0 评论 -
CSS渐变之CSS3 gradient在Firefox3.6下的效果兼容使用
这是最近在公司做一个产品的官网遇到的。这是谷歌显示效果。这是兼容之后火狐的效果。贴上代码: <ul class="wifi-device"> <li><img id="wifi-watch" src="img/mkl_watch.png" alt=""></li> <li&am原创 2018-04-19 13:40:57 · 397 阅读 · 0 评论 -
移动端安卓文字垂直居中偏上偏移的解决方案
前几天的一篇博文:移动Web单行文字垂直居中的问题,提到了移动web里小于12px的文字居中异常的问题,最后还是改为12px才近乎解决了问题。但是有时候或许并不是那么乐观,你并不能将原本定为10px的字体改为12px。那该怎么办呢。我们都知道,移动端为了高清屏显示1px的border,会有那么几种方法,通常最好的方法是transform scale,并且支持圆角。既然一个border能缩放,那么整...原创 2018-05-16 17:11:44 · 20547 阅读 · 0 评论 -
ios 固定定位 input获取焦点,ios 滚动条滚动 fixed固定定位失效,位置偏移
http://efe.baidu.com/blog/mobile-fixed-layout/还发现一个问题就是ios input设置readonly 还是能看到光标,然后解决方法是在行内写了onfocus="this.blur()"<input type="text" class="detail-txt" name="USER_AGE" id="USER_AGE" readonly cla..原创 2018-05-28 16:02:44 · 1651 阅读 · 0 评论 -
移动端 样式重置 设置字体
因为移动端都没有微软雅黑,没有宋体,在移动端的默认字体都是无衬线字体,使用系统默认的字体所达到的视觉效果跟使用微软雅雅黑没有明显差别./* 移动端定义字体的代码 */body{font-family:Helvetica;}...原创 2018-05-28 16:09:46 · 1008 阅读 · 0 评论 -
js判断Android、iOS或浏览器
第一种:通过判断浏览器的userAgent,用正则来判断是否是ios和Android客户端。代码如下:<script type="text/javascript"> var u = navigator.userAgent; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; ...转载 2018-05-29 13:03:59 · 261 阅读 · 0 评论 -
ios 设备的移动端页面 光标错位
1.这个问题遇到好多次了,经常是上下错位,原因是在input 获取焦点以后,键盘弹出后,页面网上移动,但是光标停留在了以前的位置,如果页面不复杂,可以在body上添加 position:fixed; 但是这样会引起页面失去滚动能力。目前只能是判断手势,使用js来改变滚动条的位置。为了页面稳定,尽量使用absolute,或者是float,还有flex。2.在ios 上还有一个问题是,在做一个使用了...原创 2018-08-04 12:30:02 · 5139 阅读 · 0 评论 -
前端模块化开发 ES5时代和ES6时代
ES5及之前是如何实现模块化的通过RequireJS实现:一提到模块化,常说到CommonJS和AMD。这俩主要是个什么东西呢,记住是模块化的标准规范即可。而RequireJS就是AMD规范的最好实现。就像ECMAScript和JavaScript的关系是,前者是后者的规格,后者是前者的一种实现。我们只需要知道,实现CommonJS规范的API是同步加载模块的,而实现AMD规范的API是则...原创 2018-08-15 10:30:03 · 989 阅读 · 0 评论