10 2016 档案
摘要：ios使用-webkit-text-size-adjust禁止调整字体大小 android使用以下代码，该接口只在微信浏览器下有效 最好的解决方案： 整个页面用rem或者百分比布局消除transition闪屏网络都是这么写的，但我并没有测试出来
阅读全文
摘要：手机拍照和上传图片<input type=”file”>的accept 属性 使用总结： ios 有拍照、录像、选取本地图片功能部分android只有选取本地图片功能winphone不支持input控件默认外观丑陋。 <audio src="http://www.example.com/song.o
阅读全文
摘要：其实可以用active，考虑要做到全兼容，故而用了通过绑定ontouchstart和ontouchend来控制按钮的类名。
阅读全文
摘要：IE：不管该行有没有文字，光标高度与font-size一致。FF：该行有文字时，光标高度与font-size一致。该行无文字时，光标高度与input的height一致。Chrome：该行无文字时，光标高度与line-height一致；该行有文字时，光标高度从input顶部到文字底部(这两种情况都是在
阅读全文
摘要：移动端 1.meta声明：还有很多meta声明，常用的筛选过，基本这些； <!DOCTYPE html> <html lang="zh-cmn-Hans"> <head> <meta charset="utf-8"> <meta name ="viewport" content ="initial-
阅读全文
摘要：-PC 一，meta *{ margin:0; padding:0;} body{ font-size:14px; font-family:微软雅黑;font-style:normal;} a{ text-decoration:none} a,a:hover{ transition:backgrou
阅读全文
摘要：样式表(css)格式整理与压缩 ：http://www.cnblogs.com/jikey/archive/2010/04/19/1715474.html 站长工具 ：http://tool.chinaz.com/tools/htmlcodecov.aspx
阅读全文
摘要：样式详查 http://www.css88.com/book/css/properties/user-interface/user-select.htm 1, user-select: none:文本不能被选择； -webkit-user-select: none; /* Chrome all /
阅读全文
摘要：-webkit-tap-highlight-color:transparent；或者 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 2、-webkit-line-clamp 限制块元素显示的文本行数，注意：组合使用； <style> overflow:
阅读全文
摘要：http://screensiz.es/tablet 查看手机，平板，电脑各个尺寸。 StatCounter原统计数据查看当今浏览器以及pc屏幕分辨率占比，可作为适配尺寸时的参考。 苹果的各种尺寸：http://tool.lanrentuku.com/guifan/ui.html 安卓的各种尺寸：h
阅读全文
摘要：首先，处理字体，在网页：https://www.fontsquirrel.com/tools/webfont-generator 目前，@ font-face的支持 Firefox Opera Chrome Safari Internet Explorer 9 在旧的浏览器使用@ font-face
阅读全文
摘要：图片应做成响应式、(大尺寸图片建议)使用渐进式JPEG、使用mozJPEG，tinyPNG等工具对图片进行压缩; 压缩工具： http://c7sky.com/kraken-io-image-optimizer.html 这里主要讲类似于bannner等大图优化加载问题； 压缩工具： -TinyPN
阅读全文
摘要：标准浏览器：document.documentElement.scrollTop; 谷歌浏览器：document.body.scrollTop; var scrollTop = document.documentElement.scrollTop || document.body.scrollTop
阅读全文
摘要：-firstChild firstElementChild var oFirst = oUl.firstChild || oUl.firstElementChild; -lastChild lastElementChild var oLast = oUl.lastChild || oUl.lastE
阅读全文
摘要：用js的style属性可以获得html标签的样式，但是不能获取非行间样式。 解决方法： 在IE下可以用currentStyle; 在FF下用getComputedStyle; 然而，为了让其兼容，解决方法，封装成getStyle事件： 3，函数本身也是对象，对象就有属性，函数有length属性，比如
阅读全文
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><ul id="ul1"> <li></li> <li class="box"></li> <li></li>
阅读全文
摘要：1、event document.onclick = function (e) {// IE// console.log(event.clientX,event.clientY);// FF// console.log(e.clientX,e.clientY);// if(e){// console
阅读全文
摘要：全局函数是对jQuery对象的扩展，其中扩展方法包括： 一，extend扩展； 二，命名空间扩展； 联系：
阅读全文
摘要：function ajax(url, fnSucc, fnFaild) {//一个请求地址，加两个返回函数 //1，创建Ajax对象； var oAjax=null; //关于window，不管是全局的变量，还是全局的函数，实际上都是属于window的。//当用一个不存的变量的时候会出错，//当用一
阅读全文
