html如何在桌面端,至少实现3栏布局,手机端,单栏布局?
发布网友
发布时间：2022-04-24 18:09
共1个回答
热心网友
时间：2022-04-28 09:47
很简单使用media query
<nav>
<a href="#">link1</a>
<a href="#">link2</a>
<a href="#">link3</a>
</nav>
<style>
nav { display: flex; }
nav a { display: block }
@media screen and (max-width: 600px) { // 屏幕等于或者小于600px的时候就会执行这里
nav {
flex-direction: column;
}
}
</style>
