是否有相当于 ios 的自动布局约束概念的 javascript 或 Web 开发库?

Posted

技术标签:

【中文标题】是否有相当于 ios 的自动布局约束概念的 javascript 或 Web 开发库?【英文标题】:Is there a javascript or web development library equivalent of ios' auto layout constraints concept? 【发布时间】:2015-12-19 03:55:30 【问题描述】:

有没有人在 ios 开发之外看到过这种情况?

自动布局约束的概念非常有趣,可能有助于响应式网页设计?

你怎么看/那里有什么等价物?

【问题讨论】:

你应该解释一下这个自动布局是什么以及它与响应式 css 的区别。我快速浏览了一下,它似乎做了几乎所有现代 css 库所做的事情。例如,你可以在这里看到一些带有引导程序的演示:expo.getbootstrap.com 自动布局约束设置约束,并将在所有屏幕尺寸下遵守它们。我猜 css 样式可以在某种程度上做到这一点,我只是想不同。 好的,响应式 css 库应该可以解决问题,看看 bootstrap 的文档,它很容易尝试和试验。它使用网格系统使您的页面适合大多数可用的屏幕尺寸和定义。这是一个非常受支持的库,您有很多免费的主题和插件。 我的意思更像是一个约束系统,你根本不需要通过媒体查询或断点来做断点? 【参考方案1】:

是的,它叫做 AutoLayout.js

https://github.com/IjzerenHein/autolayout.js

【讨论】:

嘿,真是太棒了。但是我可以与传统的 html 元素或任何自定义 Web 组件一起使用吗?如何集成以用于响应式设计?【参考方案2】:

它叫做 AutolayoutJS。 Here read my blog post .这是来自不同资源的材料的组合。

【讨论】:

以上是关于是否有相当于 ios 的自动布局约束概念的 javascript 或 Web 开发库?的主要内容,如果未能解决你的问题,请参考以下文章

从 Storyboard iOS 导出或打印自动布局约束

需要实现自动布局约束和 SizeClasses?

iOS 9 自动布局对齐矩形问题

横向和纵向模式的自动布局不同的约束

ios-AutoLayout(自动布局代码控制)简单总结

Masonry 动画更新约束