前端的偏疑难问题

1、css 中 如果元素的宽度等于浏览器的十分之一；如何设置高度和宽度相等？

 

• vw：viewpoint width，视窗宽度，1vw等于视窗宽度的1%。

 

• vh：viewpoint height，视窗高度，1vh等于视窗高度的1%。

• vmin：vw和vh中较小的那个。

• vmax：vw和vh中较大的那个。

     vw, vh, vmin, vmax：IE9+局部支持，chrome/firefox/safari/opera支持，ios safari 8+支持，Android browser4.4+支持，chrome for android39支持

2、css3中  pointer-events:none  解决点击失效问题

Pointer-events原本来源于SVG，目前在很多浏览器中已经得到体现。不过，要让任何HTML元素生效还得借助于一点点css。该属性称之为pointer-events，基本上可以将它设置为auto，这是正常的行为，而“none”是一个有趣的属性。

如果你已经设置一个元素的css属性为pointer-events: none。它将不会捕获任何click事件，而是让事件穿过该元素到达下面的元素。
3、css3中 visiblity:hidden

display属性设置一个元素应如何显示，visibility属性指定一个元素应可见还是隐藏。
隐藏元素 - display:none或visibility:hidden
隐藏一个元素可以通过把display属性设置为"none"，或把visibility属性设置为"hidden"。但是请注意，这两种方法会产生不同的结果。

visibility:hidden可以隐藏某个元素，但隐藏的元素仍需占用与未隐藏之前一样的空间。也就是说，该元素虽然被隐藏了，但仍然会影响布局。

visibility:hidden