gpt4 book ai didi

html - 根据屏幕大小更改 HTML 内容顺序

转载 作者:技术小花猫 更新时间:2023-10-29 11:52:14 25 4
gpt4 key购买 nike

<分区>

我想知道是否有一种方法可以根据屏幕大小更改 HTML 内容的顺序。

这是主要的网站标题,它会在每个媒体查询中正确显示。

<h1>title</h1>
<nav>inline list items</nav>
<h2>subtitle</h2>

基本上它看起来像这样:

H1 ​​文本
H2 文本----------------列表项

(或查看 http://www.jeroenduijker.nl/test/ 并调整屏幕大小)

一旦媒体查询进入 (@media only screen and (max-width: 480px) {}),h2 被压扁,我更愿意将导航栏放在 h1 之上。

有没有简单的方法让 html 运行:


----------------列表元素
H1 文本
H2文本

希望我已经解释得足够好,我希望你能帮助我,我将不胜感激!

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com