響應式布局其實很簡單，一句話就可以概括：使用百分比、rem、em、媒體查詢等等。

其中媒體查詢非常強大，熟練使用可以使你網站更加適應多種尺寸的顯示器。

學習時候可以順便了解bootstrap框架，這個可以讓你熟悉響應式的魅力。

有一點編程基礎的話，估計4個月左右。

基礎部分，主要包括:HTML/JavaScript/CSS。不算太難，預估兩個月左右能學完。只要學基礎，不要學哪些花里胡哨的，現在開發基本都是用框架開發了。

框架部分，實際工作中主要用框架開發，兩個目前主流的框架vue/react，必須學會至少一個。沒接觸過框架的話，會估計有些難度，最好能找人指點一下。預計兩個月能掌握框架的主要功能。關鍵點:多動手實踐。

看你學的知識面廣不廣，很多站點提供免費教程，W3C這樣的，由html、css到html5、css3光這些標簽和樣式，看完一遍，大概一個月左右，深入到JS 、jq，前端框架等，就可能需要3-6個月左右，淺顯的了解，當然還得看悟性，悟性好的，學的很快，比如我同學沒有PHP技術，兩個月在宿舍自學，就找到工作了。