问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501

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>

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com
泰迪必备用品有哪些? 养泰迪狗新手需要准备什么东西 谁知道白色泰迪狗的生活用品需要哪些? 美国什么选举时间 离西双版纳最近的地州必去景点 技嘉945GCM-S2L ( 英特尔 945G )主板配什么显卡好 5年的台式电脑了想更新配置,反应速度有点慢。该如何提高,求大神指教... e2160超频设置 如何将多个excel表格合并成一个如何把多个工作簿合并成一个excel 上海社保最低比例是多少钱 郑州联通宽带安装电话是多少 河南郑州联通宽带初装费 html常见的三种页面布局方法 河南省周口市高朗乡装宽带电话? 郑州市宽带装什么好? 怎么安装河南联通宽带 如河南安装宽带是联通好还是电信好? 河南洛阳网通宽带安装的具体细节?如题 谢谢了 河南信阳市装移动宽带100兆,需要多少钱一年? 郑州市宽带安装 河南宽带安装及资费 陕西移动号怎么在河南安装宽带 河南新乡装宽带是电信好还是网通好 河南安阳联通宽带首次安装收费多少 河南新乡移动家庭宽带怎么装 我是河南南阳的现在装个网线需要多少钱? 河南联通宽带安装怎么办理 我有4个50A整流管3个可控硅模块STT116GK16B、3块JS-01A型可控硅触发器板想做70V120A&#47;h蓄电瓶充电器谢谢 有机硅橡防水涂料与js防水涂料有什么区别 Python对文件的读取问题 河南省郑州市金水区电信宽带安装联系电话。地址、 电话、 收费标准。 目前在河南商丘装宽带哪个最划算? html5手机端,如何做到小键盘输入,页面布局不往上顶 html5页面当点击input输入框弹出安卓手机上键盘就会把背景顶了上来,页... 怎么让html页面在手机和电脑采用不同的样式 HTML中响应式网页缩小成手机页面后img图像缩成一行一个怎么解决_百度知 ... 如何用html做一个手机h5页面布局 怎样做html页面的css页面布局 html中如何使页面布局不随浏览器大小而改变 移动端 页面布局时需要注意些什么,请大神支 吃鸡蛋有什么好处或坏处?每天都吃熟鸡蛋有什么好处或坏处? 吃鸡蛋都有哪些好处和坏处大神们帮帮忙 每天平均吃3个鸡蛋的人有什么好处和坏处 吃鸡蛋黄对人身体有什么好处与坏处?大神们帮帮忙 ajax怎样提交form表单与实现文件上传 ajax怎么提交带文件上传表单 Jquery AjaxForm插件上传文件是如何跨域实现的? ajax上传文件提交时,enctype=multipart/form-data怎么带过去?_百度... ajax实现文件上传同时传一个字符能做到么 extjs ajax 可以上传文件吗