今天又学一招 vh和%的区别 vh的妙用

vh和%的区别 vh的妙用

vh与%的区别
vh是长度单位, vh是根据浏览器视口的高度变化; vw则是根据浏览器视口的宽度变化, 视口就是浏览器的可视区域

把浏览器可视区宽高平均分成100份, 那1vh就是可视区高1/100, 1vw就是可视区宽的1/100, 所以最好的上限设置就是100vh或100vw, 这个看个人需要

%是根据父盒子或根元素的宽高, 来进行百分比宽高显示, 父盒子变化, %等比变化
vh的用法之一容器滚动条
当盒子的宽高设置了vh和vw后, 并把盒子设置overflow: auto; 就会发现浏览器可视变化,盒子也会变化的效果
在添加个隐藏滚动条::-webkit-scrollbar {display: none;}

更多用法大家可以再去探索

今天又学一招 vh和%的区别 vh的妙用相关推荐

学编程和乐高机器人的区别
学编程和乐高机器人的区别?小孩的学习一直都是很多家长们十分关心和重视的一件事情.很多的家长在培养孩子的学习的时候,会给孩子选择一些能够提升孩子能力的课程.就拿现在很多的家长想要孩子去学习机器人编程的课 ...
中国知网html阅读说明什么区别,知网研学和中国知网的区别
都是一家,都差不多的,没有太大差异,一个搜索比较大众,另个一比较专业. 知网研bai学(原E-Study)集文献检索.下载.管du理.笔记.写作zhi.投稿于一体dao,为学习和研究提供全过程支持. ...
它拖慢你的网速，还泄露你的个人隐私，学一招治治它
你可能有一种感觉,虽然5G时代已经来了,但网速并没有快得很明显. 你可能还有一种困扰,在手机上随便搜一个商品,几分钟后竟然接到了推销电话. 但你有没有想过,这两件事的幕后黑手,是同一个? 今天,就给大 ...
运算符-12-多学一招原码反码补码，隐式和强制转换，位运算
下面来解释这些东西是怎么来的原码例如: 最左边的叫做符号位,0 为正,1 为负,后面的才是具体的数值在计算机中,一个 0 或者 1 所占的空间叫 bit 中文名叫比特位,八个 bit 就称为一个 ...
西南大学计算机学硕考研,西南大学计算机与信息科学学院14年学硕研招专业目录...
321计算机与信息科学学院软件学院 (023-68252352) 66 040110教育技术学 01新媒体技术与未来教育涂涛教授奚晓霞副教授 ①101思想政治理论 ②201英语一 ③666 ...
Excel会计应学35招秘技
也许你已经在Excel中完成过上百张财务报表,也许你已利用Excel函数实现过上千次的复杂运算,也许你认为Excel也不过如此,甚至了无新意.但我们平日里无数次重复的得心应手的使用方法只不过是Exce ...
子桓说：学几招商业套路，以后用的上！
子桓说,荒唐说.大家好,我是子桓. 你一定看到过很多宣传标语,比如"买100送60"."买一赠一"类似的.其实这些商业套路都是来自于<三十六计>,不 ...
又学一招,记录之,数字日期互转
图中那个123456.123456是EXCEL转换后的数据,原以为没法弄了,结果可以直接转,不错不错转载于:https://www.cnblogs.com/kkun/p/3227955.html
又学一招——Chrome 插件安装技巧
最近在学习WEBAPI 由于没有界面可以调试,需要安装Chrome中的插件 PostMan,一个可视化调用api的过程. 接下来,好好看看WEBAPI 和异步编程的方式另外还有sql实现空间坐标的 ...

今天又学一招 vh和%的区别 vh的妙用

vh和%的区别 vh的妙用

今天又学一招 vh和%的区别 vh的妙用相关推荐

最新文章

热门文章