Ruby on Rails教程(第4版) 13.2.2 示例微博 微博樣式沒反應

Mac環境

Rails 5.1.4

ruby 2.4.1

bootstrap v3.3.7

 

------------------坑區-------------------

Ruby on Rails教程(第4版)

第13章 13.2.2 示例微博 微博樣式沒反應，以下圖：

----------------------------------------

解決方法：

先把書本上的操做都正確作完，再看個人方法：

問題的根源是：gravatar_for方法獲取頭像地址時所給的圖片大小定義過大。

打開項目中的/app/helpers/users_helper.rb

module UsersHelper
# 返回指定用戶的 Gravatar
def gravatar_for(user, options = { size: 80 })
gravatar_id = Digest::MD5::hexdigest(user.email.downcase)
gravatar_url = "https://s.gravatar.com/avatar/8c9e1645a76724b2f0e3a289f485e8a9?s=80"
image_tag(gravatar_url, alt: user.name, class: "gravatar")
end
end

這裏請看 gravatar_url = "https://s.gravatar.com/avatar/8c9e1645a76724b2f0e3a289f485e8a9?s=80"，這裏最後的一個參數80，就是控制頭像的大小，此處爲80，

因爲這個參數過大，就會引發css排版出現撐開，把他改爲50或者60均可以。

另外上面 options = { size: 50 } 這裏改不改均可以，好像也控制不了大小；

還有一個地方也是 /app/views/microposts/_micropost.html.erb

link_to gravatar_for(micropost.user, size: 60) 這裏的size: 60 也是控制不了大小，經我測試後目前爲一能改變頭像大小的只有gravatar_url 最後面的這個參數。

我修改爲50後的效果就出來了