摘要: ·什么是响应式页面设计 简单来说就是自动识别屏幕的宽度、并做出相应调整的网页设计。响应式设计的命名就是将弹性布局、弹性图片和媒体查询结合起来的。是针对任意设备(不论笔记本还是IPAD还是手机)对网页设计进行完美布局的一种显示机制。·响应式页面设计基于的技术 ·舍弃绝对宽度px(像素)换成百分比,字体大小也用相对大小em。 计算百分比的公式:目标元素的宽度÷上下文元素宽度=百分比宽度。 例如:最外层(wrapper)宽度是980px,header宽度是960px那么header的宽度就是 960÷980=97.959183% ·使用HT 阅读全文
posted @ 2013-04-24 17:20 初霁云 阅读(226) 评论(0) 推荐(0)
摘要: jQuery手风琴特效:HTML代码如下:<ul id="Nav"> <li> <a href="#">测试第一行</a> <ul> <li><a href="#">第一行</a></li> <li><a href="#">第一行</a></li> <li><a href="#">第一行</a></l 阅读全文
posted @ 2013-02-21 16:43 初霁云 阅读(279) 评论(0) 推荐(0)