1.媒体查询是什么？
媒体查询：是可以让我们根据设备显示器的特性(如视口宽度、屏幕比例、设备方向：横向或纵向)为其设定CSS样式，媒体查询中可用于检测的媒体特性有 width 、 height 和 color (等)。使用媒体查询，可以在不改变页面内容的情况下，为特定的一些输出设备定制显示效果。
媒体查询的基本语法如下：
```
@media 媒体设备 and (min-width:300px){
选择器{
属性：值;
}
}
@media 表示媒体查询
screen 表示查询设备;媒体设备是个变量，在什么设备下就使用什么值
speech 阅读设备 all所有设备 screen 电脑手机平板
and 链接符号;并列条件
(屏幕条件)
max-width：230px 在230px以下的尺寸中。使用媒体样式。
min-width：230px 表示在大于230px尺寸中使用媒体样式。
2.能够设置文本加粗的样式属性是什么？
加粗属性为 font-weight:属性值; 效果为加粗的值有 bold bolder 600 700 800 900
3.前端页面由哪三层构成，分别是什么，作用是什么？
- HTML (结构) : 超文本标记语言, 由 HTML 或 xhtml之类的标记语言负责创建。标签，也就是那些出现在尖括号里的单词，对网页内容的语义含义做出了描述，但这些标签不包含任何关于如何显示有关内容的信息。
- CSS (表现) : 层叠样式表 , 由css负责创建。css对“如何显示有关内容”的问题做出了回答。
- JS (行为) : 客户端脚本语言 , 内容应该如何对事件做出反应
4.rem怎么做适配，em是根据什么来决定的？
· rem是root 和 em的结合，root是指根元素HTML，em是指父元素字号的倍数，所以rem就是指根元素字号的倍数，如果我们把页面中的元素单位都转换成rem，那么他们的大小就会随着根子号变化而变化，如果根子号的大小可以随着视口大小变化而变化，那么我们页面中的元素尺寸就可以实现适配效果了，如果想实现根字号随着视口变化，那就需要用到一个单位vw，vw是视口宽的1%，根据当前设计稿可以换算出1vw是多少个px，然后再利用他们之间的比例关系，把根字号的px单位转换成vw，那么根字号就可以随着视口变化而变化了，页面中的元素也就会随着视口变化而变化了。
· em这个单位具体要看你用在什么属性上，如果是用在字号上面，那么他参照的就是父元素字号的倍数，如果用在其他属性上，比如width,height,text-indent那么它参照的就是当前元素字号的倍数。
更多关于“前端培训”的问题，欢迎咨询千锋教育在线名师。千锋教育多年办学，课程大纲紧跟企业需求，更科学更严谨，每年培养泛IT人才近2万人。不论你是零基础还是想提升，都可以找到适合的班型，千锋教育随时欢迎你来试听。
京公网安备 11010802030320号