分类 CSS 下的文章

Code Snippet

HTML

兼容一些带壳浏览器的ie内核

< meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

国产浏览器默认使用 webkit 内核渲染(暂时只有360支持)

<meta name="renderer" content="webkit|ie-comp|ie-stand">

- 阅读剩余部分 -

移动前端开发填坑指南

做移动端的项目已经有段时间了,期间遇坑不断。特别整理出移动端中常见和不常见的用法、属性,以防再次入坑。不间断更新中...

Mobile Viewport

<meta name ="viewport" content ="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
width=device-width 会导致 iPhone 5 添加到主屏后以 WebApp 全屏模式打开页面时出现黑边
content 参数:

  • width viewport 宽度(数值/device-width)
  • height viewport 高度(数值/device-height)
  • initial-scale 初始缩放比例
  • maximum-scale 最大缩放比例
  • minimum-scale 最小缩放比例
  • user-scalable 是否允许用户缩放(yes/no)
  • minimal-ui iOS 7.1 beta 2 中新增属性,可以在页面加载时最小化上下状态栏。这是一个布尔值,可以直接这样写:<meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui">

- 阅读剩余部分 -

编码规范

Bootstrap创始人Mark Otto发布了Bootstrap编码规范,针对HTMl、CSS编码都有详细的总结、指导。发布之后迅速收获了2.5k star。这是前端开发者不能不研读的规范!
读完以后感觉很多部分也和之前自己的编码习惯相符,但确实感觉对编码规范的思路又清晰很多,所以保存下来。

原文地址:Code Guide by @mdo
中文翻译:编码规范 by @mdo