榆树如何处理响应式网页设计？

Question

我在github上找到了这个响应式CSS的库,然后我开始问自己...... 榆树是否有响应？从理论上讲,Elm可以做HTML,CSS和JavaScript所能做的任何事情......我没有看到任何方法来读取操作系统或屏幕大小等输入.可能还有其他因素我忽略了.

也许一个人可以写一个端口？

我已经看到至少一个案例,F#,其中外部效果或要求由comonads处理,但这是相当复杂的解决方案.这是一个关于协同效应的博客,讨论了上下文感知编程.这听起来很复杂,但它正是我们想要的响应式网页.

Answer 1

大多数响应式设计都是通过@media查询来自CSS ,因此Elm的主要工作就是输出不易于样式化的HTML(例如,避免使用表格进行布局或使用不合适的内联样式).

如果您希望根据屏幕大小动态执行某些操作,则可以使用该Window包,该包可以发出Task检索当前大小或订阅resizes事件.

总的来说,我希望Elm程序的输出不会与实现响应式设计相冲突.