響應式佈局教程？

是否有任何教程如何使響應式佈局類似於this one？我在整個互聯網上搜索，但無法找到任何常規教程，因爲所有其他人都調整了窗口大小，並且您可以通過iphone進行縮放。響應式佈局教程？

2012-04-08 Vdas Dorls

這裏也有一些東西：http://stackoverflow.com/questions/6844020/way-to-do-content-adaptation-to-mobile – 2012-09-17 12:03:16

這裏是響應式設計的幾個博客帖子：

2012-04-08 09:50:45 Ilja

謝謝！很棒的教程！ – 2012-08-01 20:04:47

Ilya Knaup，很棒的分享！我一直在尋找有關如何開始使用響應式設計佈局的有用信息。我現在正在使用twitter bootstrap開發自己的項目。我用940px的固定寬度標記了我的整個主題文件。最近，我想把這個主題轉換成一個響應式主題。但我不知道從哪裏開始。我對@media查詢和基於代碼感到困惑。但是你發佈的內容對於我學習有關響應式設計佈局的一些事情來說是一個好的開始。 – 2012-08-11 10:47:45

@GaryDapogi沒問題;）這就是爲什麼我們在這裏互相幫助;））告訴我，如果你遇到困難或什麼，我發佈了這個答案後，我學會了一些響應式佈局的東西，所以我會很高興幫助你;）） – Ilja 2012-08-11 13:04:30

'樹屋'有一個課程。我做了這一個(Beginners Guide to RWD)，說實話，我沒有得到那麼多。這真的不是那麼實際。

thinkvitamin網站都看起來不錯，漂亮，但我更喜歡www.lynda.com。說到這一點，琳達對於更新，最前沿的材料並沒有那麼多。你可以試試這個(CSS Page Layouts)自己還沒有做到這一點，但是對琳達來說，這些東西的深度是很好的，所以如果你需要一些長期的輔導，那麼簽約價值每月30美元或者任何東西。我也知道樹屋經歷了一次非常大的改造（與CSS技巧和不相干的東西），不管它只是一個（也許克里斯科伊爾靈感）美學改造或課程變得更好，我不能比如在響應式網頁設計令人失望的教程之後，我取消了我的訂閱。我認爲我只做了一個，另一個，但這是一個非常小的樣本量。

基本上，所有你需要的是你的CSS中的媒體查詢來複制你提供的網站的行爲。然後，將正確的CSS應用於正確的屏幕寬度/設備...不確定您的意思是「因爲所有其他人都調整了窗口大小」 - 用戶不會調整窗口大小而不是設計大小？不知道你要在那裏...

來源

2012-04-08 09:06:16

響應式佈局教程？

回答

相關問題