css3 利用calc响应式布局
2018-10-08 本文已影响0人
土豪码农
今天在工作中看到了一个利用calc属性的,都差点忘了还有这个属性可以使用了.
calc是css的一个新属性,可以通过写计算式去设置动态值,这就可以写一个响应式布局了.
例如:
image.png
vh就是view的高度,vw就是view的宽度,view可视窗口.这样就可以实现一个响应式布局了.
image.png
image.png
今天在工作中看到了一个利用calc属性的,都差点忘了还有这个属性可以使用了.
calc是css的一个新属性,可以通过写计算式去设置动态值,这就可以写一个响应式布局了.
例如:
image.png
vh就是view的高度,vw就是view的宽度,view可视窗口.这样就可以实现一个响应式布局了.
