文件名称:dd-autocollapse:检测包含元素何时变得比其子元素窄的元素查询
文件大小:6KB
文件格式:ZIP
更新时间:2024-06-18 18:11:00
JavaScript
dd-自动折叠 检测包含元素何时变得比其子元素窄的元素查询替代方案 目录 目的 在 DataDreamers,我们餐厅外卖服务平台的最大部分之一是我们客户的面向公众的网站。 我们在构建前端模板的最新迭代时遇到的主要问题之一是如何允许任何给定的主题对动态内容具有可靠的响应行为。 例如,假设当视口太窄而无法水平显示公司徽标和导航时,您想将一组样式应用于标题。 这通常是通过媒体查询完成的,或者最近使用。 因此,当您比较此标题布局时: ...到这个标题布局: ...您需要为每个实例设置不同的断点宽度。 现在,为两种布局样式中的每一种设置不同的断点可能相对简单(我是说,来吧,只有两种!)。 但是,如果稍后添加了第三个布局选项呢? 这种方法无法扩展。 即使这样做了,您仍然无法控制用户的内容——在这种情况下,是企业名称——这使得布局选项问题变得毫无意义。 您必须以某种方式容纳动态内容。 这就是
【文件预览】:
dd-autocollapse-master
----dd-autocollapse.js(5KB)
----bower.json(403B)
----README.md(10KB)