取消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%计算宽度不包括滚动条。
但是在移动端开发不存在这个问题,因为移动端滚动条不占位置。