vh，vw和%

取消textarea的文本框可放大缩小的效果：resize：none

设置图片作为边框：border-image：url(/i/border.png) 30 30 round; 注意：该css3样式ie不支持。

border-image-repeat：图像边框是否应平铺(repeated)、铺满(rounded)或拉伸(stretched)。

兼容写法：

-moz-border-image:url(/i/border.png) 30 30 round; /* Old Firefox */

-webkit-border-image:url(/i/border.png) 30 30 round; /* Safari and Chrome */

-o-border-image:url(/i/border.png) 30 30 round; /* Opera */

border-image:url(/i/border.png) 30 30 round;

关于height:100%和height:100vh的区别

vh就是当前屏幕可见高度的1%，也就是说height:100vh == height:100%;

当元素没有内容时候，设置height:100%，该元素不会被撑开，此时高度为0;

但是设置height:100vh，该元素会被撑开屏幕高度一致。

关于width:100%和width:100vw的区别

在pc中100vw会比100%多一个滚动条的宽度，原因是vw计算的是整个视口的宽度，包括滚动条，而100%计算宽度不包括滚动条。

但是在移动端开发不存在这个问题，因为移动端滚动条不占位置。