摘要: Web开发中,我们会遇到在手机垂直或水平视角时展示不同状态的情况。下面我来总结一下检测移动设备方向变化的一些方法。1 使用javascript直接看代码:原理很简单,采用window的onorientationchange的处理。每次屏幕视角方向改变时,都会触发onorientationchange事件,我们通过读取orientation属性来检测屏幕的方向(如果在firefox下,则为screen.orientation,如果是window phone IE11,则属性前都要加上ms前缀,如msOrientation,MSOrientationChange),不过这里需要注意的是,文档加载时 阅读全文
posted @ 2014-03-24 19:01 命运之轮 阅读(2321) 评论(0) 推荐(1) 编辑
摘要: bootstrap已经作为前端开发必不可少的框架之一,应用bootstrap使得我们对布局、样式的设定变得非常简单。但bootstrap提供的默认样式往往不能满足我们的需求,从而定制化bootstrap成为我们经常需要做的工作,本文就如何更高效更可维护地定制bootstrap做一下探讨。如下图,在你的button 中加入bootstrap的class: btn btn-primary,就可以将默认的button(左边)变成右边的样式。可如果我们想应用自己的样式呢?比如我们想要拥有圆角的button。通常,我们可以直接覆盖bootstrap的样式。我们在自己的项目目录下新建my-custom.c 阅读全文
posted @ 2014-03-23 12:12 命运之轮 阅读(18372) 评论(2) 推荐(2) 编辑