- 博客(2)
- 收藏
- 关注
RSS订阅原创 Rem适配
Rem适配 适配：在大屏上显示大盒子，在小屏上显示小盒子。如果是大屏，盒子或字体大上设置的大一点；如果是小屏，盒子或字体大小设置的小一点。效果：字体大小随着屏幕变化而变化。使用媒体查询，实现适配。媒体查询类似于编程语言中的if else。 px：指的是逻辑像素，也叫css像素，在适配时，使用px作为单位并不合适。 em： 指的是一个汉字的宽度，2em表示两个汉字的宽度。 1em = 1个font-size的大小。Font-size有继承性，如果给父标签设置font-size，它的子标签都继承。如： body
2021-06-22 23:06:30
61
原创 视口
浅谈视口 视口：即虚拟容器 目的：使pc端的网站放到手机端，自适应宽度。 把一个pc端的网站放到手机端分为两步： 1）把电脑的网站放到虚拟容器中，这个虚拟容器的宽度是980px，这个980是人为规定的，手机在出厂时就设置好的。 如果电脑端的网站整体宽度也是980px就会正好放到这个虚拟容器。 如果电脑端的网站宽度大于980，你的网站在这个虚拟容器中就会产生一个水平滚动条。 如果电脑端的网站宽度小于980px，这个虚拟容器也可以放下。 2）第二步，就是把这个虚拟容器放到手机里 如果手机的宽度也是980，正好.
2021-05-13 12:58:35
118
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人