云教主-CSDN博客

原创解决css3动画效果在360兼容模式跟猎豹浏览器下不兼容

360跟猎豹采用的都是谷歌（WebKit内核）跟IE（Trident内核）的双内核，360浏览器分为极速模式（WebKit内核）和兼容模式（Trident内核），这就导致兼容模式下不支持css3动画效果。解决办法：在head标签中添加一行代码：meta name="renderer" content="webkit|ie-comp|ie-stand">content的取值为we

2017-06-02 09:53:44 2480

原创 html5新标签【placeholder】解决浏览器低版本不兼容问题

1、html5新标签【placeholder】IE10+支持placeholder属性，在IE9以下版本浏览器就失效了，解决办法function placeholderSupport() { return 'placeholder' in document.createElement('input');}$(function(){if(!placeholderSu

2017-06-01 17:45:16 556

原创 H5移动前端开发常用高能css3汇总

1.禁止a标签点击高亮,这些都是非官方属性，但实用性超强html,body{ -webkit-touch-callout: none; //禁止或显示系统默认菜单 -webkit-user-select: none; //禁止长按复制选择 -webkit-tap-highlight-color: rgba(0,0,0,0);//禁止触摸a标签高亮这个特别实用

2016-12-07 10:25:47 2131

原创 js让你的rem弹性布局适配所有分辨率(含竖屏适配)

自动计算字体 @media only screen and (max-width: 1080px),only screen and (max-width:1080px) { html,body { font-size:33.75px } } @media only screen

2016-11-16 13:50:05 6737

原创全屏页面往下往上滚动切换页面

全屏滚动body{overflow:hidden;}.main{width:100%;height:100%;position:relative;}.main .page{width:100%;position:absolute;left:0;right:0;}.page1 { background-color: #1bbc9b;top:0;}.page2 { ba

2016-09-19 17:56:27 5491

原创单个滚动

无标题文档* {margin:0;padding:0;}div,ul,li,p,form{list-style-type: none;}body{font-size:12px;color:#666;max-width: 100%;background:#eee;font-family: "Microsoft YaHei";}.joinlist{width:120

2016-08-29 11:38:48 450

原创 banner渐隐渐现

无标题文档* {margin:0;padding:0;}div,ul,li,p,form{list-style-type: none;}body{font-size:12px;color:#666;max-width: 100%;background:#eee;font-family: "Microsoft YaHei";}.banner{positio

2016-08-27 17:38:08 586

原创宽屏banner切换jquery