提问的问题4

同学你好，针对你的问题如下解答：

（1）具体的配置需要看实际项目需求；（比如说单位转化、移动端的300ms延迟等）

（2）一般来说，meta标签配置如下：

<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1,minimum-scale=1,user-scalable=no">
width:可视区域的宽度，值可为数字或关键词device-width
intial-scale:页面首次被显示是可视区域的缩放级别，取值1.0则页面按实际尺寸显示，无任何缩放
maximum-scale=1.0, minimum-scale=1.0;可视区域的缩放级别，
maximum-scale用户可将页面放大的程序，1.0将禁止用户放大到实际尺寸之上。
user-scalable:是否可对页面进行缩放，no 禁止缩放

（3）媒体查询不是meta标签，是如下：

@media ( 判断条件eg:screen ) 逻辑（媒体特征表达式：CSS条件）{
判断成功后执行的内容
}

我们的课程中是有讲到的，建议同学再复习一下：

https://class.imooc.com/lesson/1004#mid=24793

（4）可以在index.html引入哦~

如果我的回答帮到了你，欢迎采纳，祝学习愉快~