1. css3引入的”vw”和”vh”基于宽度/高度相对于窗口大小,”vw”=”view width”, “vh”=”view height”; 以上我们称为视窗单位允许我们更接近浏览器窗口来定义大小。 参照demo案例对照下面四个容器的css样式。 以前通过百分比来做相应式开发,但对于高度100%的设置总有一些限制。有了vh是否就消除了这些限制变的更简 ...

    阅读全文
  2. 如何通过css来实现紧贴底部的页脚 在网页设计时存在一个非常常见的问题:一个块级样式的页脚,常常设置了特定的背景,当页面内容足够长的时候它一切正常。而当页面内容比较短的时候就会出现问题。此时的问题就是页脚不能像期望中的那样“贴紧”视口的最底部,而是紧跟在内容的下方。(悬在页面中间)。 问题的关键是页面内容的高度是动态的,不同页面高度是不一样的。通过js来计算解决不是我们期望的。在css3之前都咩有很好的解决方案。大部分解决方案都是给页脚设计一个固定的高度,然后 ...

    阅读全文