该文被密码保护。 阅读全文
posted @ 2013-10-11 10:34 Zimin 阅读(8) 评论(0) 推荐(0)
摘要: 正如我在教程响应式Web设计三步走当中所讲的,响应式的 Web设计其实并不难,但是要让元素在布局切换时能够平滑过渡就比较考验技巧了。现在我分享在编码时常用的五个CSS技巧并举例说明。这些技巧都是使用简 单的CSS属性,如min-width、max-width、overflow 和相对属性值,但是这些属性在响应式设计中发挥着很大的作用。1. 响应式Video响应式video的CSS技巧是由tjkdesign.com发现的。我之前的一篇文章介绍过它,你可以在这里阅读。响应式视频会适应它的容器宽度。 1 .video { 2 position: relative; 3 padding... 阅读全文
posted @ 2013-10-11 08:40 Zimin 阅读(294) 评论(0) 推荐(0)
摘要: 我们做前端的,经常需要获取浏览器的宽度和高度,还有滚动条的高度,今天整理出来,以后拿来直接用。Jquery代码: 1 alert($(window).height()); //浏览器时下窗口可视区域高度 2 alert($(document).height()); //浏览器时下窗口文档的高度 3 alert($(document.body).height());//浏览器时下窗口文档body的高度 4 alert($(document.body).outerHeight(true));//浏览器时下窗口文档body的总高度 包括border pad... 阅读全文
posted @ 2013-10-11 08:29 Zimin 阅读(537) 评论(0) 推荐(0)