企业网站设计中vh、rem等单位的用法
时间：2019-06-22 15:13:33
分类：金柚媒体
阅读：2438
摘要：vh就是当前屏幕可见高度的1%，也就是说height:100vh == height:100%;
1.em：在做手机端的时候经常会用到的做字体的尺寸单位说白了 em就相当于“倍”，比如设置当前的div的字体大小为1.5em，则当前的div的字体大小为：当前div继承的字体大小*1.5
但是当div进行嵌套的时候，em始终是按照当前div继承的字体大小来缩放，参照后面的例子。
2.rem
这里的r就是root的意思，意思是相对于根节点来进行缩放，当有嵌套关系的时候，嵌套关系的元素的字体大小始终按照根节点的字体大小进行缩放。
3.vh：vh就是当前屏幕可见高度的1%，也就是说height:100vh == height:100%;
有个好处是当元素没有内容时候，设置height:100%该元素不会被撑开，但设置height:100vh，该元素会被撑开屏幕高度一致。
4.vw：vw就是当前屏幕宽度的1%
补充一句，当设置width:100%，被设置元素的宽度是按照父元素的宽度来设置，但是100vw是相对于屏幕可见宽度来设置的，所以会出现50vw 比50%大的情况。
珈文网络凭借6年专业企业网站建设经验，坚持以“帮助中小企业实现网络营销化”为宗旨，累计为1200多家中小企业客户提供品质建站服务，得到了客户的一致好评。如果您有公司网站建设优化、公司网站改版、竞价落地页设计、域名注册、主机空间租赁、手机网站建设、网站备案、小程序开发、APP开发、企业宣传视频制作、万词霸屏等方面的需求，请点击QQ咨询我们或拨打咨询热线：158 155 17902（同微信）吧。
声明：本文来自网友投稿，本站免一切责任，如有侵权，请联系小编删除。
链接：https://www.jin-you.com/news/589.html
链接：https://www.jin-you.com/news/589.html
