zoukankan      html  css  js  c++  java
  • 前端的偏疑难问题

    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

     
  • 相关阅读:
    又到黄金季节,该跳槽吗?怎么跳?
    分布式事务 6 个技术方案
    15 个 MyBatis 技巧,赶紧收藏吧!
    你的工资被倒挂了吗
    终于知道 Java agent 怎么重写字节码了
    每天的工作,你腻了吗?
    10 分钟轻松学会 Jackson 反序列化自动适配子类
    SpringMVC异步处理的 5 种方式
    Linux Cron 定时任务
    人类简史、软件架构和中台
  • 原文地址:https://www.cnblogs.com/sweet-ice/p/10518040.html
Copyright © 2011-2022 走看看