- 博客(2)
- 收藏
- 关注
RSS订阅原创 rem适配
rem总结： 1.什么是rem rem是指相对于根元素的字体大小的单位。 em是指相对于父元素的字体大小的单位。 区别： 一个计算的规则是依赖根元素一个是依赖父元素计算。 2.为什么要使用rem 1、实现强大的屏幕适配布局： 2.固定宽度做法 3.响应式做法 4.设置viewport进行缩放 3.rem能等比例适配所有屏幕 使用rem，结合html元素的font-size来根据屏幕宽度适配 html{ font-size:40px; } 我们只改变了html...
2021-05-27 13:24:34
295
原创 总结
视口总结 虚拟容器 手机在出厂时已经设置好容器宽度。iOS, Android 基本都是 980px 如果电脑端的网站整体的宽度也是980px，就会正好放到这个虚拟容器。 pc上的网页基本都能在手机端显示，但是可能需要手动缩放调整大小。 如果手机的宽度小于虚拟容器的大小，那么虚拟容器会被压缩，并且容器内的所有元素都将会被压缩。 视口： 在 PC 端，视口指的是浏览器的可视区域，其宽度和浏览器窗口的宽度保持一致。在 CSS 标准文档中，视口也被称为初始包含块，它...
2021-05-05 23:37:48
141
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人