05 2014 档案

流式布局
摘要：流式布局，就是用百分比设置宽度的布局形式目标宽度/上下文宽度=值无标题文档 解决办法：使用CSS3中的box-sizing属性（IE8开始兼容了），这个属性用来规定，CSS中出现的width值是谁的宽度？无标题文档 这个属性在流式布局中特别常用无标... 阅读全文
posted @ 2014-05-22 18:50 胡椒粉hjf 阅读(792) 评论(0) 推荐(0) 编辑
媒体查询
摘要：一、为什么响应式设计需要媒体查询 没有CSS3的媒体查询模块，就不能针对设备特性（如视口宽度）设置特定的CSS样式。二、媒体查询语法 1、将下面这段代码插入到任意某个CSS文件的最后，然后预览与之关联的网页：body { background-color: grey; } @media scre... 阅读全文
posted @ 2014-05-22 14:45 胡椒粉hjf 阅读(579) 评论(0) 推荐(0) 编辑
检测屏幕宽度，更换样式表
摘要：一、通过js检测屏幕宽度，更换样式表 1、使用javascript更改页面样式表的方法javascript更改页面样式表的方法 2、javascript得到页面的宽度（document.documentElement.clientWidth;(IE6兼容的写法 )）javascrip... 阅读全文
posted @ 2014-05-13 12:37 胡椒粉hjf 阅读(851) 评论(0) 推荐(0) 编辑
使用js插件进行设备检测
摘要：一、分析新浪网是怎么做的 如新浪网有两种版本，一种是pc版，存放在www.sina.com.cn这个服务器上；另外一种是手机版，存放在www.sina.cn这个服务器上 原理是当用户输入网址www.sina.com.cn的时候，检测用户的设备，如果用户用的是pc，那么留在原地，如果检测用户的... 阅读全文
posted @ 2014-05-12 23:50 胡椒粉hjf 阅读(586) 评论(0) 推荐(0) 编辑
什么叫响应式手机网站设计
摘要：一、什么叫响应式网页设计 响应式Web设计(Responsive Web design)的理念是:页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。 具体的实践方式由多方面组成，包括弹性网格和布局、图片、CSS media query的使用等。　... 阅读全文
posted @ 2014-05-12 22:43 胡椒粉hjf 阅读(854) 评论(0) 推荐(0) 编辑
JQuery Mobile+JS实现智能浮动定位导航条
摘要：实现原理 主要用到几个知识点：什么是scrollTop？CSS position定位判断是否为IE6浏览器元素相对于窗口的距离原理：1，浏览器向下滚动时，当document的scrollTop大于浮动层离窗口顶部的距离时，就让浮动层的position属性设为fixed定位，脱离文档流2，浏览器向上... 阅读全文
posted @ 2014-05-04 19:07 胡椒粉hjf 阅读(1054) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示