08 2016 档案

移动前端常用meta标签
摘要：移动前端head常用meta标签 <meta name="wap-font-scale" content="no"> 阅读全文
posted @ 2016-08-25 17:03 柒叶 阅读(7597) 评论(0) 推荐(1)
css写出三角形（兼容IE）
摘要：利用css写三角形，兼容IE7 效果如下： 阅读全文
posted @ 2016-08-25 16:22 柒叶 阅读(1524) 评论(0) 推荐(0)
让底部始终在浏览器底部
摘要：当内容不足够高时，使footer始终处于底部，其中一种方法 html代码 css样式 这个代码需要一个额外的元素.push等于底部的高度，来防止内容覆盖到底部的元素。这个push元素是智能的，它并没有占用到底部的利用，而是通过全局加了一个负边距来填充。 阅读全文
posted @ 2016-08-25 15:23 柒叶 阅读(371) 评论(0) 推荐(0)
CSS中的字体设置
摘要：五大类：serif, sans-serif, monospace, cursive, fantasy serif 衬线字体，如 Big Caslon, 宋体 sans-serif 非衬线字体，如 Helvetica, 黑体 monospace 等宽字体，如 Menlo cursive 手写体，如 C 阅读全文
posted @ 2016-08-25 15:09 柒叶 阅读(2858) 评论(0) 推荐(0)
响应式布局（一）
摘要：1、设置meta标签 user-scalable = no 属性能够解决 iPad 切换横屏之后触摸才能回到具体尺寸的问题 2、通过媒介查询来设置样式（Media Queries） 假如一个终端的分辨率小于 980px，可以这样写： 这里的样式就会覆盖上面已经定义好的样式。 3、设置多种试图宽度 假 阅读全文
posted @ 2016-08-25 11:22 柒叶 阅读(245) 评论(0) 推荐(0)
遮罩层点击空白退出代码
摘要：$("#keyInPwd").on("click",function(e){ var target = $(e.target); if(target.closest(".innerInfo").length == 0){ hidePwdMask() }e.stopPropagation(); }); 阅读全文
posted @ 2016-08-25 10:21 柒叶 阅读(316) 评论(0) 推荐(0)