flex, rem 常见面试题
发布网友
共1个回答
热心网友
1. 什么是flex布局
Flex 是 Flexible Box 的缩写，意为"弹性布局"，能够为盒状模型提供极大的灵活性，适应页面大小的变化来自动调整布局。目前所有浏览器都支持这一布局方式。
2. 如何设置flex布局
对于块级元素，使用以下代码设置flex布局：.box{ display:flex; }。行内元素同样可以设置为flex布局：.box{ display:inline-flex; }。设为Flex布局后，子元素的float、clear和vertical-align属性将不再起作用。
3. flex的父级容器属性
4. flex的子级容器属性
5. flex实现内容宽度等分
6. flex --- 左右布局，一侧定宽，一侧自适应撑满
7. flex --- 位置高度上下左右居中
8. em、rem、meta标签的基本概念
em 是一个布局的长度单位，表示当前对象内文本的字体大小的相对单位，即相对于当前元素的font-size。rem 是（根）字体大小相对单位，表示跟整个body的font-size相关，而非当前元素的font-size。
物理像素是硬件的实际像素；逻辑像素是我们在网页设计中使用的像素。逻辑像素与物理像素的关系是设备像素比，例如设备像素比是2，则一个逻辑像素对应4个物理像素，它们之间是平方关系。
meta标签用于指定浏览器的适口，适口即可见区域。
9. rem 和 em 的区别
10. rem实现适配的原理
11. 如何动态计算rem
12. rem布局的优点
13. rem 布局的缺点
14. 什么是媒体查询
15. 说一下你所了解的移动端Web页面适配方案有哪些
