【问题标题】:Inline CSS in a Rails web viewRails Web 视图中的内联 CSS
【发布时间】:2017-03-07 13:15:23
【问题描述】:

我正在做一个包含很少 CSS 的小型 Rails 项目。为了保存请求,我想内联样式,同时又不失使用 SASS 的舒适性。

我知道有很多 gem 可以用于电子邮件视图,但是有没有一种简单的方法可以在 Rails 的 Web 视图中内联 CSS?

提前致谢。

【问题讨论】:

    标签: css ruby-on-rails sass


    【解决方案1】:

    将内联 CSS 添加到 rails 视图就像将内联 CSS 添加到任何其他 HTML 文档一样。

    users/show.html.erb 内你可以拥有

    <h2 style="font-weight:bold;font-size:28px;"><%= @user.first_name %></h2>
    

    【讨论】:

    • 是的,但我正在寻找一种能够自动进行内联的工具,让代码易于编写、阅读和维护。
    【解决方案2】:

    有一些宝石可以做同样的事情。 您可以使用 Premailers-rails,Roadie gem,它将外部 CSS 转换为内联 CSS。

    【讨论】:

      【解决方案3】:

      出于多种原因,您应该避免使用内联 CSS,包括机器人搜索、代码维护、可访问性等等...

      我认为“保存请求”不是使用内联 css 恕我直言的理由。

      【讨论】:

      • 我曾经同意,直到谷歌开始告诉我其他情况——特别是在移动网站上。我正在寻找一种可以自动进行内联的工具,因此我的维护成本尽可能低。
      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2010-11-12
      • 1970-01-01
      • 2012-09-05
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多