![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
canoe777
这个作者很懒,什么都没留下…
展开
-
CSS三角形之美
三角之美,面试常问 div { width: 0; height: 0; line-height:0; font-size: 0; border-top: 10px solid red; border-right: 10px solid green; border-bottom: 10px solid blue; border-left: 10px solid #000; } 要点: 我们用css 边框可以模拟三角效果 宽度高度为0 我们4个边框都要原创 2020-08-05 21:27:08 · 395 阅读 · 0 评论 -
css3自适应布局单位vw,vh
视口单位(Viewport units) 在PC端,视口指的是在PC端,指的是浏览器的可视区域; 而在移动端,它涉及3个视口:Layout Viewport(布局视口),Visual Viewport(视觉视口),Ideal Viewport(理想视口)。 视口单位中的“视口”,PC端指的是浏览器的可视区域;移动端指的就是Viewport中的Layout Viewport。 根据CSS3规范,视口单位主要包括以下4个: 1.vw:1vw等于视口宽度的1%。 2.vh:1vh等于视口高度的1%。转载 2020-07-25 12:51:56 · 253 阅读 · 0 评论