2014-07-26 41 views
0

所以我在一個網站上工作,這是一個靜態的可滾動頁面,但由於某種原因,它被部署在rails上的ruby中。我是ror的noob。 無論何時在移動設備上加載站點時,html頁面中都有一個圖像需要調整大小。移動網站的圖片大小調整,Ruby on rails

<li><%= image_tag 'Main_logo.png', width: '700', height: '399' %></li> 

現在我想我可以在CSS中做到這一點,這意味着客戶端將調整大小和全尺寸的圖像將永遠被下載。我的問題是如何使用ror解決這個問題?我確定rails上的ruby有一些服務器端的能力來解決這個問題。請記住,我是新的紅寶石在軌道上

謝謝。

+0

您的問題檢測到移動瀏覽器?還是在服務器端調整大小? – ForgetfulFellow

回答

1

要在調整圖像大小的問題,你可以使用寶石rmagickhttps://github.com/rmagick/rmagick

你可能需要的是thumb = img.resize_to_fit(75, 75)的關鍵線路,並解釋它與文檔是http://www.imagemagick.org/RMagick/doc/comtasks.html

爲了您的問題檢測移動瀏覽器:SO發佈Detecting mobile browsers in Rails 3

或者,如果你想有一個超快速和骯髒的方式,你可以粘貼到您的控制器這樣的: http://detectmobilebrowsers.com/

+0

如果您需要某些特定幫助,請留下評論! – ForgetfulFellow

+0

感謝你,我有點新ROR,我的所有應用程序都是一個單一的網頁稱爲home.html.erb app-views-pages下,一些CSS文件下的應用資產樣式表。現在我在原始問題中有一個圖像標籤來標識圖像,IO如何使用rmagick?我需要在控制器中做到這一點嗎?模型? – Huang

+1

看看Ryan Bate的Screencast會幫助你更好地理解Rmagick;他可以做更多的解釋,比我可以:) http://railscasts.com/episodes/374-image-manipulation – ForgetfulFellow