gpt4 book ai didi

css - 如何基于媒体查询与元素进行交互?

转载 作者:行者123 更新时间:2023-11-28 13:00:22 25 4
gpt4 key购买 nike

如何通过媒体查询与命名元素交互?以下不起作用。

<style type="text/css">
@media (max-width : 320px) {
#footer {display:none;}
#myimage {display:none;}
}

在页面中

<div id="footer">...</div>
<img id="myimage" src="..."/>

最佳答案

因此,您提供的代码在放入 fiddle 时确实有效。当页面小于 320px 时,footer 和 myImage 元素消失。

我设置了一个更简洁的内容版本,使用媒体查询进行更改。

http://jsfiddle.net/bXenf/

/* The magic happens here. */
@media only screen and (max-width: 480px) {
#block1 { display:block; }
#block2 { display:none; }
}

关于css - 如何基于媒体查询与元素进行交互?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16196343/

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