- 博客(3)
- 收藏
- 关注
RSS订阅原创 视口的总结
视口： 上面的虚拟容器就叫视口。 为什么是980？ 很早之前，电脑的分辨率比较低，写一个电脑端的网站都是980px。 为了让980px的网站可以在手机完美显示出来，人为地把这个虚拟容器的宽度定了980px。 iphone6/7/8宽度是375 iphone5宽度是320 iphone6/7/8plus它的宽度是414 上面的320px 375px 414px，指的是手机的宽度（设备独立像素，和我们手机的分辨率不是一回事） 在真实开发中，通常会以i...
2021-06-24 21:22:55
61
原创 2021-05-12
Px，rem，em的区别 1，px，绝对长度单位，像素px是相对于显示器屏幕分辩率来说的 2，em，相对长度单位，相当于当前对象内文本的字体大小 em的值并不是固定的，会继承父级元素的字体大小，字体大小参照与父元素的大小决定 3，rem，相对于HTML根元素的font-size 1em=1rem=16px 在body中加入font-size：62.5% 这样直接就是原来的px数值除以10加上em就可以 rem自适应原理 rem是根据html的font-size大小来变化
2021-05-12 23:26:16
43
原创 2021-05-05
视口在 PC 端指的是浏览器的可视区域，其宽度和浏览器窗口的宽度保持一致。在 CSS 标准文档中，视口也被称为初始包含块，它是所有 CSS 百分比宽度推算的根源，给 CSS 布局限制了一个最大宽度。 而移动端则较为复杂，它涉及到三个视口：布局视口（Layout Viewport）、视觉视口（Visual Viewport）和理想视口（Ideal Viewport）。 本文主要讨论移动端中的视口。 1. 基本概念 1.1 两种像素 像素是计算机屏幕中显示特定颜色的最小区域。屏幕中的像素越多，同一范围内能
2021-05-05 20:18:14
69
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人