Укажите ширину в link_to IMAGE_TAG

Question

Я использую следующий код для ссылки на логотип на навигационной панели:

<%= link_to " #{image_tag ("logo3.svg")}".html_safe, root_url %> 

мне нужно указать ширину логотипа, но есть немного запутался. Пробовал в/из скобок, с конечной запятой - прерывается каждый раз.

Любые идеи?

Answer 1

Вам не нужно добавлять теги изображений в кавычки. просто сделайте это так

<%= link_to image_tag("logo3.svg",width: 500,class: 'your_class'), root_url %> 

Существует другой способ сделать то же самое.

<%= link_to root_url do %> 
<%=image_tag("logo3.svg",width: 500)%> 
<%end%> 

Answer 2

Попробуйте это:

<%= link_to " #{image_tag ("logo3.svg", size: "16x10")}".html_safe, root_url %> 

Очевидно, что вы можете настроить размер - я дал его в качестве примера

Answer 3

Попробуйте это:

<%= link_to " #{image_tag ("logo3.svg", height: '32', width: '32')}".html_safe, root_url %> 

Answer 4

В принципе вы можете добавить класс имя, а затем добавить правила css для ширины, как показано ниже

<%= link_to " #{image_tag ("logo3.svg")}".html_safe, root_url, :class => "my-logo" %> 

Затем в файле CSS добавить что-то, как показано ниже:

app/assets/stylesheets/some_file.css 

.my-logo { 

    width: your-image-width; 

} 

Эти решения будут работать нормально, но вы должны избегать написания встроенного CSS, что является наилучшей практики. Надеюсь, что помогает.

Answer 5

Вы можете использовать image_tag как это определить here в link_to теге

Ex:

<%= link_to image_tag("logo3.svg", height: 'you-height', width: 'your-width'), root_url %> 

Надеется, что вы получите больше представления об этом.