自适应背景图片September 11, 2016

很多时候我们希望背景图片能够在元素不同大小的情况下都能够显示出主体。 居中是最常见的方式,但如果主体不在中间这个效果就大打折扣了。 这个对我来说一开始仅仅是一个念头,也没太注意。直到一次在 podcast 上听到有位嘉宾做了一个 jQuery 插件 https://github.com/wentin/ResponsifyJS…

#CSS#Background#Responsive#Recommended

CSS 自适应正方形February 28, 2015

padding 使用百分数值时是根据其包含块的 width 值计算的。 With respect to the width of the containing block. 所以可以利用 height = 0; 并用 padding-bottom = 100%; 撑起一个正方形: 参考资料 CSSだけで正方形を作る padding-CSS MDN

#CSS#Responsive#Square

eat();

sleep();

code();

repeat();