| | | |

2018年9月5日

摘要：在升级到 ios11.3 系统后，发现之前阻止页面滚动的代码e.preventDefault代码失效了。于是自己折腾了一番，找到了解决办法，分享给大家。一、前言浏览器在移动端有一个默认触摸滚动的效果，让我们感触最深的莫过于微信浏览器里面，下拉时自带橡皮筋的效果。然而在开发的时候我们经常需要阻止阅读全文

posted @ 2018-09-05 11:23 圆圆的脸阅读(352) 评论(0) 推荐(0) 编辑

2018年8月29日

jquery获取自定义属性的值

摘要： jquery获取自定义属性的值 //获取属性值 1 <div id="text" value="黑哒哒的盟友"><div> jQuery取值： $("#text").attr("value"); //获取自定义属性值 2 <div id="text" value="123" data_obj="黑哒阅读全文

posted @ 2018-08-29 15:10 圆圆的脸阅读(3036) 评论(0) 推荐(0) 编辑

2018年5月21日

ios11安全域的兼容问题

摘要：给body加的csspadding-top: constant(safe-area-inset-top);padding-left: constant(safe-area-inset-left);padding-right: constant(safe-area-inset-right);paddi 阅读全文

posted @ 2018-05-21 17:44 圆圆的脸阅读(140) 评论(0) 推荐(0) 编辑

2018年5月15日

0.5px的细线

摘要： <!DOCTYPE html><html> <head> <title>0.5px的线</title> <style type="text/css"> .bd-t { position: relative; margin-top: 200px; } .bd-t:after { content: " 阅读全文

posted @ 2018-05-15 09:50 圆圆的脸阅读(126) 评论(0) 推荐(0) 编辑

2017年10月26日

圆圈的动态百分比

摘要： <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> .yieldCircle { position: relative; margin: 0 auto; width: 50px; height: 50 阅读全文

posted @ 2017-10-26 14:22 圆圆的脸阅读(217) 评论(0) 推荐(0) 编辑

2017年9月28日

键盘挡住输入框的问题

摘要： body{ /*解决键盘遮挡文本框的问题 20151229*/ -webkit-overflow-scrolling:touch; overflow-y:visible !important; -webkit-touch-callout:none; -webkit-user-select:none; 阅读全文

posted @ 2017-09-28 15:05 圆圆的脸阅读(133) 评论(0) 推荐(0) 编辑

2017年9月27日

旋转图片（多用于加载动画）

摘要： <!DOCTYPE html><html><head><meta charset="utf-8" /><title>图片循环旋转</title><style> @-webkit-keyframes rotation{from {-webkit-transform: rotate(0deg);}to 阅读全文

posted @ 2017-09-27 09:24 圆圆的脸阅读(173) 评论(0) 推荐(0) 编辑

2017年8月22日

ios系统微信浏览器、safari浏览器中h5页面上拉下滑导致悬浮层脱离窗口的解决方法

摘要：逍遥云天逍遥云天逍遥云天 ios系统微信浏览器、safari浏览器中h5页面上拉下滑导致悬浮层脱离窗口的解决方法一. 运行环境： iphone所有机型的qq浏览器，safari浏览器，微信内置浏览器（qq浏览器内核）等。二. 异常现象： 1. 大幅度上下滑动h5页面，然后停止滑动，有时候会影阅读全文

posted @ 2017-08-22 10:33 圆圆的脸阅读(1760) 评论(0) 推荐(0) 编辑

2017年8月16日

rem的用法及详解

摘要： rem的使用方法：首先，先说一个常识，浏览器的默认字体高都是16px。步入正题〉兼容性：目前，IE9+，Firefox、Chrome、Safari、Opera 的主流版本都支持了rem。就算对不支持的浏览器，应对方法也很简单，就是多写一个绝对单位的声明。这些浏览器会忽略用rem设定的字体大阅读全文

posted @ 2017-08-16 14:51 圆圆的脸阅读(46038) 评论(1) 推荐(2) 编辑

2017年8月14日

ios对数字自动增加a标签

摘要：头部添加<meta name = "format-detection" content = "telephone=no">即可解决这个问题阅读全文

posted @ 2017-08-14 14:31 圆圆的脸阅读(518) 评论(0) 推荐(0) 编辑