<style>
/* 首先一定要有宽高 和 flex弹性布局 */
ul {
width: 100%;
height: 100%;
display: flex;
flex-wrap: wrap;
}
/* 当屏幕大于1000像素时 执行代码块里的代码 */
@media screen and (min-width: 1000px) {
ul li {
width: 24%;
}
}
/* 当屏幕小于999像素时 执行代码块里的函数 */
@media screen and (max-width: 999px) {
ul li {
width: 49%;
}
}
</style>
<body class="App">
<ul>
<li>
<img src="图片" alt="" />
<p>HTML5视差动画</p>
</li>
<li>
<img src="图片" alt="" />
<p>HTML5视差动画</p>
</li>
</ul>
</body>
