css

css

  • CSS 踩坑之浏览器长度单位,vh,lvh,svh
    2025年02月27日

    CSS 踩坑之浏览器长度单位,vh,lvh,svh

    对于将页面得一个内容全屏显示,我们可以使用vh这个单位,vh代表浏览器视口得高度,也就是当前可见区域高度,如果你想要在显示个页头,可以使用计算属性,也就是.demo{height: calc(100vh-var(--header-height))}例如tesla的官网,首页就是铺满一个屏幕即使在手机

    查看全文
  • 【学习笔记】 css 伪类 only-of-type
    2022年03月22日

    【学习笔记】 css 伪类 only-of-type

    最近想实现一个效果,这里有一个input,他的width为 100%,如果这时候又有两个input,其中一个就会被挤出去。所以我在想css能不能实现根据容器内元素的数量来实现不同的样式,可惜没有找到。不过我找到了另一个,虽然和我当初想的不一样,但是也可以实现我上述的问题。他就是 :only-of-t

    查看全文