文件名称:localised-css:使用媒体查询来响应容器大小而不是视口宽度
文件大小:4KB
文件格式:ZIP
更新时间:2024-07-17 17:03:06
JavaScript
本地化的 CSS 我写了一篇广泛的 (定于 2 月 4 日发布)。 将其作为介绍阅读。 这是一个正在进行的工作。 但想法是这样的: . list li { display : block; } @media only local and ( min-width : 400 px ) { . list li { display : inline; } } 当.list容器元素的宽度至少为 400px 时,这将使.list li列表项内联显示。 您可以在示例中看到这一点(使用相当宽的桌面/平板电脑屏幕)。 .main下的列表内嵌显示,但.sidebar下的列表显示为块。 只需包含脚本(和 jQuery - 我们目前有一个 jQuery 依赖项): [removed][removed] 错误
【文件预览】:
localised-css-master
----example()
--------localised.css(508B)
--------index.html(1KB)
----LICENSE(1KB)
----localised-css.js(2KB)
----.gitignore(9B)
----README.md(2KB)