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

Question

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

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

至少有一个案例，F＃，其中外部效果或要求由 comonads 处理，但这是相当复杂的解决方案。这是一篇关于co-effects的博客，讨论了上下文感知编程。这听起来很复杂，但它正是我们想要的响应式网页。

来自Wikipedia的图片。

Answer 1

大多数响应式设计都是通过@media查询来自CSS的，所以Elm的主要工作就是输出难以定型的HTML（例如，避免使用表格进行布局或不合适的内联样式）。

如果您想要根据屏幕尺寸动态执行某些操作，可以使用Window package，Couldn't find Microsoft Word Document in DCOM Config可以发出Task来检索当前大小或订阅{{ 1}}事件。

总的来说，我希望Elm程序的输出与实现响应式设计不会发生冲突。

Answer 2

在这里，您将找到有关如何使用Elm创建响应页面的分步说明：Responsive Design with Elm Style Elements。这样可以避免杂乱无章地使用CSS，但可以调整HTML输出。