Web前端笔记-使用@media(媒体查询)展示及隐藏div
发布日期:2021-06-30 10:43:07 浏览次数:3 分类:技术文章

本文共 259 字,大约阅读时间需要 1 分钟。

这里主要实现的目标是实现当分辨率低了就隐藏,达到某个分辨率后就显示。

如下:

正常情况:

当页面变小后:

关键代码如下:

@media (max-height: 600px) {  .fas{display: none!important;}}@media (max-width: 300px) {  .fas{display: none!important;}}

当max-height小于600px时

fas的display值为none。

当max-width小于300px时

fas的display值为none。

转载地址:https://it1995.blog.csdn.net/article/details/106080473 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:Qt文档阅读笔记-Qt对象模型及deleteLater()杂记
下一篇:Qt文档阅读笔记-隐式共享(Implicit Sharing)深入研究(理论及实例)

发表评论

最新留言

逛到本站,mark一下
[***.202.152.39]2024年05月03日 15时19分56秒