摘要：.active{ margin: 0.37rem 0;//边框粗细及颜色 border: 2px solid #00ffff;//圆角矩形 border-radius: 5px;//位置及晕染大小 box-shadow: 0 0 15px #00ffff; //兼容性 -webkit-box-sha 阅读全文
单位px 转换成 rem
2016-08-24 10:36 by 路途遥远，Go~, 3809 阅读, 0 推荐, 收藏, 编辑
摘要：<script type="text/javascript"> var oHtml = document.documentElement; getSize(); window.onresize = function(){ getSize(); }; function getSize(){ var s 阅读全文
web app 自适应 弹性布局之rem
2016-08-23 13:48 by 路途遥远，Go~, 964 阅读, 0 推荐, 收藏, 编辑
摘要：关于rem，主要参考文档 1。腾讯ISUX (http://isux.tencent.com/web-app-rem.html) 2。http://www.w3cplus.com/css3/define-font-size-with-css3-rem 现在移动端 web app 的自适应布局的方案有 阅读全文
移动端UC /QQ 浏览器的部分私有Meta 属性
2016-08-23 10:17 by 路途遥远，Go~, 318 阅读, 0 推荐, 收藏, 编辑
摘要：如同桌面端一样，在国内做web 移动开发的话肯定得考虑下移动端占有率靠前的几个国产浏览器的一些适配工作。好在当前移动端浏览器都是wekit 内核一霸天下，单从这个角度看兼容工作相对于桌面的百花齐放舒服了不少。 数据就不罗列了，目前移动端国产浏览器的占有率上是UC 跟QQ 浏览器这对基佬，所以做前端肯 阅读全文
常用<meta>标签
2016-08-23 10:16 by 路途遥远，Go~, 278 阅读, 0 推荐, 收藏, 编辑
摘要：在iPhone的浏览器中页面将以原始大小显示，不允许缩放。 <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalabl 阅读全文
移动端<head>头部 常用<meta>标签
2016-08-23 09:56 by 路途遥远，Go~, 9227 阅读, 0 推荐, 收藏, 编辑
摘要：<!DOCTYPE html><html lang = ""><head> <title></title> <meta charset = "utf-8"> <!--width - 可视区域的宽度，值可为数字或关键词device-width --> <!--height - viewport的高度- 阅读全文
移动平台对 META 标签的定义
2016-08-22 19:22 by 路途遥远，Go~, 327 阅读, 0 推荐, 收藏, 编辑
摘要：下面介绍一些有关标记的例子及解释。 一、meta 标签分两大部分：HTTP 标题信息（http-equiv）和页面描述信息（name）。 1、http-equiv 属性的 Content-Type 值（显示字符集的设定） 说明：设定页面使用的字符集，用以说明主页制作所使用的文字语言，浏览器会根据此来 阅读全文
减去border边框
2016-08-18 16:40 by 路途遥远，Go~, 256 阅读, 0 推荐, 收藏, 编辑
摘要：width: 100%; border: 1px solid transparent; box-sizing: border-box; 阅读全文
伪类共用样式缩写形式
2016-08-18 15:53 by 路途遥远，Go~, 303 阅读, 0 推荐, 收藏, 编辑
摘要：.top::before , .top::after{ content: ""; position: absolute; width: 200%; left: 0; height: 0; border-top: 1px solid #cccccc; transform-origin: left to 阅读全文
webstrom css : 规范 快捷键
2016-08-17 10:35 by 路途遥远，Go~, 292 阅读, 0 推荐, 收藏, 编辑
摘要：option + command + L 阅读全文