摘要: 移动端 1.meta声明:还有很多meta声明,常用的筛选过,基本这些; <!DOCTYPE html> <html lang="zh-cmn-Hans"> <head> <meta charset="utf-8"> <meta name ="viewport" content ="initial- 阅读全文
posted @ 2016-10-28 16:23 最爱小虾 阅读(1240) 评论(0) 推荐(0) 编辑
摘要: -PC 一,meta *{ margin:0; padding:0;} body{ font-size:14px; font-family:微软雅黑;font-style:normal;} a{ text-decoration:none} a,a:hover{ transition:backgrou 阅读全文
posted @ 2016-10-28 11:57 最爱小虾 阅读(215) 评论(0) 推荐(0) 编辑
摘要: 样式表(css)格式整理与压缩 :http://www.cnblogs.com/jikey/archive/2010/04/19/1715474.html 站长工具 :http://tool.chinaz.com/tools/htmlcodecov.aspx 阅读全文
posted @ 2016-10-28 11:29 最爱小虾 阅读(134) 评论(0) 推荐(0) 编辑
摘要: 样式详查 http://www.css88.com/book/css/properties/user-interface/user-select.htm 1, user-select: none:文本不能被选择; -webkit-user-select: none; /* Chrome all /  阅读全文
posted @ 2016-10-28 11:21 最爱小虾 阅读(187) 评论(0) 推荐(0) 编辑
摘要: -webkit-tap-highlight-color:transparent;或者 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 2、-webkit-line-clamp 限制块元素显示的文本行数,注意:组合使用; <style> overflow: 阅读全文
posted @ 2016-10-28 11:02 最爱小虾 阅读(942) 评论(0) 推荐(0) 编辑
摘要: http://screensiz.es/tablet 查看手机,平板,电脑各个尺寸。 StatCounter原统计数据查看当今浏览器以及pc屏幕分辨率占比,可作为适配尺寸时的参考。 苹果的各种尺寸:http://tool.lanrentuku.com/guifan/ui.html 安卓的各种尺寸:h 阅读全文
posted @ 2016-10-27 11:46 最爱小虾 阅读(238) 评论(0) 推荐(0) 编辑
摘要: 首先,处理字体,在网页:https://www.fontsquirrel.com/tools/webfont-generator 目前,@ font-face的支持 Firefox Opera Chrome Safari Internet Explorer 9 在旧的浏览器使用@ font-face 阅读全文
posted @ 2016-10-26 18:18 最爱小虾 阅读(653) 评论(0) 推荐(0) 编辑
摘要: 图片应做成响应式、(大尺寸图片建议)使用渐进式JPEG、使用mozJPEG,tinyPNG等工具对图片进行压缩; 压缩工具: http://c7sky.com/kraken-io-image-optimizer.html 这里主要讲类似于bannner等大图优化加载问题; 压缩工具: -TinyPN 阅读全文
posted @ 2016-10-26 17:56 最爱小虾 阅读(417) 评论(0) 推荐(0) 编辑
摘要: 标准浏览器:document.documentElement.scrollTop; 谷歌浏览器:document.body.scrollTop; var scrollTop = document.documentElement.scrollTop || document.body.scrollTop 阅读全文
posted @ 2016-10-26 17:40 最爱小虾 阅读(158) 评论(0) 推荐(0) 编辑
摘要: -firstChild firstElementChild var oFirst = oUl.firstChild || oUl.firstElementChild; -lastChild lastElementChild var oLast = oUl.lastChild || oUl.lastE 阅读全文
posted @ 2016-10-26 16:26 最爱小虾 阅读(168) 评论(0) 推荐(0) 编辑