gpt4 book ai didi

css - 根据屏幕分辨率显示不同的div

转载 作者:行者123 更新时间:2023-11-28 04:01:14 28 4
gpt4 key购买 nike

<分区>

我正在为约会网站设计一个登录页面,并且有一些代码调用“最新成员”,如下所示 -

CSS:

#wld_badge_wrapper { 
border: 1px solid black;
width: 420px;
overflow: hidden;
}
#wld_badge_inner {
padding: 10px 0 10px 10px;
}
.wld_badge_item {
float: left;
margin: 0 10px 0 0;
padding: 0;
}
.wld_badge_item img {
border: 1px solid black;
}
.wld_badge_item_detail {
margin-top: 5px;
font-size: 75%;
width: 90px;
overflow: hidden;
}
.wld_badge_clear {
clear: both;
}

HTML:

<div id="wld_badge_wrapper">
<div id="wld_badge_inner">
<script type="text/javascript" src="http://s.wldcdn.net/api/badge/js/12415-6></script>
<div class="wld_badge_clear" />
</div>
</div>

上面的代码调用了 6 个配置文件,因此在 src 的末尾有 -6。如果将其更改为“-2”,则只会调用 2 个配置文件等。

问题是,由于页面是响应式的,你能否调用 -2 div,如果屏幕尺寸是较小的分辨率,比如在手机上,或者如果它是较大的分辨率,调用 -6 脚本和显示更多个人资料图片? (所以页面上有两个版本的脚本,只显示相关的一个,隐藏不正确的那个)。

有什么想法吗?

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