Question

试图调整图像的高度和宽度，但是CSS无法识别该类/无效。我知道我的类方法与其他类不同，但是当我尝试使其相同时，它会给出错误消息。我正在使用Ruby语言。这可能很简单，但是我对此还太陌生，无法理解。 Twitter引导行也有问题。如果您也发现任何错误，我将不胜感激。

HTML是：

<div class="container">
  <div class="row">
    <div class="col-md-3">
      <%= image_tag @user.profile.avatar.url, class: 'lego-man' %>
    </div>
    <div class="col-md-6">
      <h1><%= @user.profile.first_name %> <%= @user.profile.last_name %></h1>
      <h3><%= @user.profile.job_title %></h3>
      <div class="well">
        <h3>Decription</h3>
        <%= @user.profile.description %>
      </div>
      <% if current_user.plan_id == 2 %>
        <div class="well">
          <h3>Contact Information</h3>
          <%= @user.profile.phone_number %><br/>
          <%= @user.profile.contact_email %><br/>
        </div>
      <% end %>
    </div>
  </div>
</div>

CSS是：

.lego-man {
  width: 128px;
  height: 128px;
}

Answer 1

你能这样尝试吗

 <%= image_tag @user.profile.avatar.url , size: "128x128" %>

供参考

点击此处：-https://apidock.com/rails/ActionView/Helpers/AssetTagHelper/image_tag

Answer 2

只需确保您正在编写的CSS代码已正确加载。

例如您的layouts/application.html.erb中包含这种类型的行加载application.css
<%= stylesheet_link_tag 'application', media: 'all' %>
css中包含了application.css个文件

Answer 3

在rails中，可以使用三种方法来添加CSS样式。

在image_tag中内联添加此样式属性

<%= image_tag @user.profile.avatar.url, :style => "width: 128px; height: 128px;" %>

使用<style>标签在同一文件中内部添加此样式属性

<style>
  .lego-man {
    width: 128px;
    height: 128px;
  }
</style>

在 app / assets / stylesheets / application.css

Answer 4

.lego-man {
  width: 128px!important;
  height: 128px!important;
}

尝试过度使用您的课程。

<div class: 'lego-man'>
  <%= image_tag @user.profile.avatar.url %>
</div>

，然后添加 <%= stylesheet_link_tag 'application', media: 'all' %>进行应用布局

CSS无法识别类

4 个答案: