我正在开发一个网站,我想制作一个脚本来检测页面何时超过 500 像素以及何时低于,以便我可以更改代码。我当前的代码在页面末尾有一些链接,例如页脚,当它低于 500 像素时,我希望它们彼此靠近;
<div class="footer-titles">
<ul class="footer-titles-ul">
<li><h class="titles">Link 1</h></li>
<li><h class="titles">Link 2</h></li>
<li><h class="titles">Link 3</h></li>
</ul>
</div>
还有我的 CSS
.footer-titles{width: auto; min-width: 800px; left: 0px; right: 0px; position: absolute; bottom: 210px;}
.footer-titles-ul {list-style: none; padding-left: 120px;}
.footer-titles-ul li {padding-right: 90px; display: inline;}
因此,当页面低于 500px 时,我希望.footer-titles-ul li中的padding-right为30px,但是,如果页面恢复到超过500px 以恢复正常。