最快的方式使網站響應？

我之前使用過Zurb Foundation和Skeleton，所以我對兩者都很熟悉，但我從來沒有必須將現有網站轉換爲響應式網站。什麼是最快的方法來轉換我的網站？使用上面的框架，或者爲已經提供的代碼添加Media Queries？（這是否甚至工作？）最快的方式使網站響應？

來源

2012-03-29 Joe Bobby

響應什麼？你在談論網站的性能嗎？您引用了關於不同的媒體查詢。我覺得我們很困惑。你的問題真的是什麼？ – jfriend00 2012-03-29 00:43:18

+12

@ jfriend00，在網頁設計中（尤其是對每個問題標籤的「響應式設計」），術語「響應式」指的是使用CSS媒體查詢動態調整佈局的網站，無論他們發現自己身處何處。 – 2012-03-29 00:57:56

確定要支持，然後用東西沿着這些路線添加樣式哪些設備：

/* =Responsive Structure 
----------------------------------------------- */ 
@media (max-width: 800px) { 
     /* Smaller Resolution Desktops and Laptops */ 
     [...] 
} 
@media (max-width: 650px) { 
     /* Smaller devices */ 
     [...] 
} 
@media (max-width: 450px) { 
     /* Even Smaller devices */ 
     [...] 
} 
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) { 
     /* Even Smaller devices */ 
     [...] 
}

這是最簡單的測試，如果他們按降序排列去。以上實例媒體查詢這裏：

http://css-tricks.com/snippets/css/media-queries-for-standard-devices/

來源

2012-03-29 01:27:42

謝謝！因此，這樣做是最簡單的方法，使網站響應 – 2012-03-29 19:25:54

是的，因爲您可以將其添加到現有的樣式表，並立即開始覆蓋。 – 2012-03-29 19:55:12

你有沒有做喬？你的結果是什麼？我即將在客戶的網站上做同樣的事情，我正在試圖決定是否建議他們從頭開始重建自己的CSS（這是一個相當大的項目），或者這樣做。 – vrutberg 2012-05-22 14:47:20

對我來說，我需要的網站從頭開始重寫，因爲我的風格響應文件didnt解決問題。所以我用LESS重寫我的風格和我創建一個響應式樣式表，包含像Matthew Darnell這樣的正確媒體查詢。

我不熟悉骨架，但Twitter的Boostrap適合我。

來源

2012-08-29 19:35:52

如果您願意做一些小腦力工作和移植，可以在現有項目（特別是指南針項目）上安裝基礎。

您首先需要安裝指南針並將項目變爲指南針項目。一個簡單的方法是通過代碼工具包，然後將項目文件夾拖放到代碼工具包中。您可以通過基金會網站上的此頁面獲得一些終端提示。

http://foundation.zurb.com/docs/sass.html

你會那麼需要打開終端輸入

cd /path-to-your-project-folder/

然後鍵入

compass install -r zurb-foundation foundation

您可以通過使用完全青菜儘量單獨使用的基礎上現有的應用程序（沒有指南針），但你必須從git站點下載基礎和@include scss一個接一個。您可以在我上面列出的頁面中找到信息。

來源

2013-07-15 09:57:01 Josh

最快的方式使網站響應？

回答

相關問題