这是我参与更文挑战的第7天，活动详情查看： 更文挑战 属性简介 基于一个或多个 媒体查询 的结果来应用样式表的一部分。就是可以根据不同的媒体类型定义不同的样式。 当页面需要响应式布局时，@media

@media 可以针对不同的屏幕尺寸设置不同的样式，这在设计响应式的页面会非常有用。例如，媒体查询可以缩小小型设备上的字体大小，在纵向模式下查看页面时增加段落之间的填充，或者增加触摸屏上

1. 视口 viewport viewport 解释为中文就是‘视口’的意思，也就是浏览器中用于显示网页的区域。在 PC 端，其大小也就是浏览器可视区域的大小，所以我们也不会太关注此概念；而在移动端，绝大多数情况下 viewport 都大于浏览器可视区，保证 PC 页面在移动浏…

本文适合新手入门，如果是react老玩家可以break或者查漏补缺。 笔者一直觉的性能优化是一个累积的过程，贯穿在你所写的每一行代码中。不注意优化平常或许不会有什么大的问题，但是谁也不知道哪一句会变成压死骆驼的那最后一根稻草，造成世界爆炸💥。 下面是正文，希望能对你有所帮助。…