解决PC端和移动端的CSS简单适配问题

文章预览

作者：RainbowFish https://juejin.cn/post/7394288044143116326 不同端的适配 作为前端"资深"切图仔（开个玩笑，还在学徒中），很多时候，我们开发的项目只在PC端运行，但是也会在手机移动端内访问，所以我们更多时候需要考虑网站在PC端和移动端是否适配问题，接下来就是我在学习中学到的适配技巧哦，快学起来！ 问题场景 今天在做移动端demo的时候，发现了一个让人难以忍受的css适配问题，如果不做屏幕适配的话，代码量真的太大了，后来发现了一招，可以简单快速的解决这个问题。 我们接下来做一个小测试吧，能更好的理解怎么去做到适配的。 < div   class = "app" >         app div > // css .app {     width: 200px;     height: 200px;     background-color: red; } 很显然，我们会得到一个固定长宽的正方形在页面上。 但是如果我们换一个手机来打开这个网页呢 ………………………………