• 这是一个错误的观点! 2019-10-04
  • (两会受权发布)中华人民共和国国家监察委员会主任简历 2019-10-04
  • 吴秀波海外购房疑重婚 工作室:一同购房者系原配 2019-09-15
  • 图解:关于世界杯开幕式的那点事 2019-09-15
  • 习近平作报告全场71次掌声 此处最密、此处最长(附原音) 2019-09-13
  • 河北人注意:外地车进京证每年限办12次每次最长7天 2019-08-15
  • 杨紫:“欢乐颂”里的那些姐妹故事 2019-08-06
  • “向党献礼 忠诚保畅” 交警铁骑队正式亮相宜春(多图) 2019-08-06
  • 女子有才也是德,京城何时有女子学校? 2019-07-25
  • 一加手机5【报价 图片 参数 评测】 2019-07-25
  • 首师大附属实验中学的“小小农场主” 2019-07-23
  • 珍视智慧和成熟这笔财富(环球走笔) 2019-07-15
  • 金参考|GDPR:体现欧盟“数字领袖”雄心 或直接冲击中企 2019-07-03
  • 坚决维护习近平总书记核心地位br维护党中央权威和集中统一领导 2019-07-03
  • 我国纳米核心技术取得重大突破 2019-06-28
  • 拜仁对柏林赫塔直播:px,vh,vw,百分比等布局单位的区别

    2019-08-16        63

    德国柏林赫塔 www.mguj.net 网站开发过程中,很多人可能会对px,vh,vw,百分比等单位有很多的疑惑,其实理解了这些东西,使用起来也是非常的简单,下面就讲解一下讲解网站px,vh,vw,百分比等布局单位的区别。

    首先介绍px,px是css样式里最基本的单位,相信大家也不陌生,字体或盒子的宽高布局中使用px单位,那么我们给元素设置多少px就是设置多少px,无论你的电脑屏幕有多大,无论你的手机屏幕有多小,元素的大小是不会改变的,

    再说vh与vw,vw的含义是窗口的宽度,我们可以理解为浏览器可视窗口的宽度,100VW等于可视窗口的宽度,同理100VH等于可视窗口的高度,并且这个单位可以给文字使用,可以实现在浏览器视窗窗口的大小发生变化时而改变自身的大小,这个单位类似于百分比,可能很多人也分不清他们的关系,没有关系,一会我们在详细的讲解他们的区别。

    现在就是百分比啦,百分比比较好理解,但是在默认的情况下,百分比只能给盒子设置宽度,高度百分比是不生效的,但是可以通过其他方法让百分比高度生效,这里就不进行说明,百分比是继承父级元素的,如果父级是90%或900px的宽度,那么子级的百分之百便是90%或900px的宽度,但vw不同,100vw永远都是满屏的宽度,继承的的是屏幕可视窗口的宽度,vh同理,是继承了可视窗口的高度,与百分比不同的是,使用vh给元素设置高度,是有真实高度的。

    rem多用于手机布局,rem更,其实rem这个单位本身是死的,什么是死的?就是和px一样,需要通过JS去控制才能达到想要的效果,想要的效果也就类似于百分比。


    AM 09:00 ~ 12:00

    PM 14:00 ~ 18:00

    Tel 010-50933590

    Hp 18910140161

    设计优势

    独立的设计团队 带给您全新的视觉体验

    功能开发

    强大的技术实力,完成您想要的任何功能

    售后服务

    完善的售后服务,解决您在使用过程中遇到的问题

  • 这是一个错误的观点! 2019-10-04
  • (两会受权发布)中华人民共和国国家监察委员会主任简历 2019-10-04
  • 吴秀波海外购房疑重婚 工作室:一同购房者系原配 2019-09-15
  • 图解:关于世界杯开幕式的那点事 2019-09-15
  • 习近平作报告全场71次掌声 此处最密、此处最长(附原音) 2019-09-13
  • 河北人注意:外地车进京证每年限办12次每次最长7天 2019-08-15
  • 杨紫:“欢乐颂”里的那些姐妹故事 2019-08-06
  • “向党献礼 忠诚保畅” 交警铁骑队正式亮相宜春(多图) 2019-08-06
  • 女子有才也是德,京城何时有女子学校? 2019-07-25
  • 一加手机5【报价 图片 参数 评测】 2019-07-25
  • 首师大附属实验中学的“小小农场主” 2019-07-23
  • 珍视智慧和成熟这笔财富(环球走笔) 2019-07-15
  • 金参考|GDPR:体现欧盟“数字领袖”雄心 或直接冲击中企 2019-07-03
  • 坚决维护习近平总书记核心地位br维护党中央权威和集中统一领导 2019-07-03
  • 我国纳米核心技术取得重大突破 2019-06-28
  • 北京pk拾赛车开奖记录 金钥匙破解3肖6码网站 五星棋牌代理 北京pk10计划微信群 秒速时时开奖 重时时彩三星走势图 北京pk10中奖规则 澳洲五分彩 北京pk10遗漏是什么 百变计划 下载广东时时 时时彩技巧个人经验 重庆时时彩开奖直播 黑马人工博客计划 双色球投注纸怎么画 棋牌代理加盟