gpt4 book ai didi

css - 在调整窗口大小时消失固定的 div

转载 作者:太空宇宙 更新时间:2023-11-03 22:02:57 25 4
gpt4 key购买 nike

http://mondaybynoon.com/ 上的固定面板当窗口的宽度<960 时消失。没有 JS 用于此。有人可以解释一下它是如何实现的吗?

最佳答案

他正在为那个响应式网站使用媒体查询

你可以在 HTML 中这样定义:

<link rel='stylesheet' media='screen and (max-width: 900px)' href='css/medium.css' />

或您可以像这样在 CSS 中定义:

@media screen and (max-width: 900px){
body {
background: #ccc;
}
}

查看这些文章了解更多 http://css-tricks.com/css-media-queries/ , http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/

关于css - 在调整窗口大小时消失固定的 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9149654/

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