笔记
安洁莉娜
这个作者很懒,什么都没留下…
展开
-
rem适配
Rem适配适配:在大屏上显示大盒子,在小屏上显示小盒子。如果是大屏,盒子或字体大上设置的大一点;如果是小屏,盒子或字体大小设置的小一点。效果:字体大小随着屏幕变化而变化。使用媒体查询,实现适配。媒体查询类似于编程语言中的if else。px:指的是逻辑像素,也叫css像素,在适配时,使用px作为单位并不合适。em: 指的是一个汉字的宽度,2em表示两个汉字的宽度。1em = 1个font-size的大小。Font-size有继承性,如果给父标签设置font-size,它的子标签都继承。如:body原创 2021-06-22 23:26:58 · 92 阅读 · 0 评论 -
视口总结
视口又称为虚拟容器,即viewport。移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的区域。视口的宽度是人为规定的,默认为980px,我们可以通过meta标签修改视口的宽度,只要设置好视口的大小,页面内容在手机上就不会被压缩。视口分为layout viewport,visual viewport,ideal viewport三种,layout viewport 又称为布局视口,在移动设备上,布局视口会远大于设备的宽度,visual viewport即视觉视口,是用户看到的区域,缩放可以原创 2021-05-28 17:18:29 · 866 阅读 · 0 评论