pc端和移动端两套样式在vue中的切换_pc是一套样式, 移动端又是一套样式 怎么写(2)

最后

本人分享一下这次字节跳动、美团、头条等大厂的面试真题涉及到的知识点，以及我个人的学习方法、学习路线等，当然也整理了一些学习文档资料出来是给大家的。知识点涉及比较全面，包括但不限于前端基础，HTML，CSS，JavaScript，Vue，ES6，HTTP，浏览器，算法等等

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

前端视频资料：

具体到某个展示页面的两个组件：

homepagePc是页面的类名即为pc

homeageM是页面的类名即为mobile

M端页面，需要增加媒体查询，以适应不用屏幕大小的移动端

@media only screen and (min-width: 320px) and (max-width: 374px) {

    html {

        font-size: 13.6533px !important;

    }

}

@media only screen and (min-width: 375px) and (max-width: 413px) {

    html {

        font-size: 16px !important;

    }

}

@media only screen and (min-width: 414px) and (max-width: 429px) {

    html {
    
        font-size: 17.664px !important;

    }

}

@media only screen and (min-width: 430px) and (max-width: 765px) {

    html {

        font-size: 18.3467px !important;

    }

}

@media only screen and (min-width: 768px) {

    html {

        font-size: 32.768px !important;

    }

}



### 总结

为了帮助大家更好温习重点知识、更高效的准备面试，特别整理了《前端工程师面试手册》电子稿文件。

内容包括html，css，JavaScript，ES6，计算机网络，浏览器，工程化，模块化，Node.js，框架，数据结构，性能优化，项目等等。



包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目，涵盖了初中级前端技术点。

![](https://img-blog.csdnimg.cn/img_convert/d74f8b42f4a63c76b18efc6a818147df.png)

![](https://img-blog.csdnimg.cn/img_convert/6deb905d9655a3f0f54b8920686e1970.png)

**前端面试题汇总**

![](https://img-blog.csdnimg.cn/img_convert/42728594459506983a38ca2b86545fc6.png)

**[开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://bbs.csdn.net/forums/4304bb5a486d4c3ab8389e65ecb71ac0)**

**JavaScript**

![](https://img-blog.csdnimg.cn/img_convert/7796de226b373d068d8f5bef31e668ce.png)

**性能**

![](https://img-blog.csdnimg.cn/img_convert/d7f6750332c78eb27cc606540cdce3b4.png)



**linux**

![](https://img-blog.csdnimg.cn/img_convert/ed368cc25284edda453a4c6cb49916ef.png)



dce3b4.png)



**linux**

![](https://img-blog.csdnimg.cn/img_convert/ed368cc25284edda453a4c6cb49916ef.png)