新人学习前端遇到瓶颈，求给一些指导

[zxyy63630]

大三学生，完全靠兴趣学习制作网页，现在基本学会了 html 和 css ，排一个静态网页出来也不是太大的问题，目前正在看 js 。

现在感到自己遇到了瓶颈，希望前辈能给我一些指点。现在我有以下几个问题：

1.如何实现网页针对不同屏幕的自适应排版？我看了网上的一些内容，但是基本看不懂，是我自身水平不足还是说这部分内容对现在的我来说太早了？
2.有哪些比较好的资料可以帮助我提高水平？
3.我在阅读其他网站源代码时发现写法和命名都好像有特定的规范，但是我不清楚这些规范具体有哪些，也不知道我该如何改进…好吧我表达不清楚但是大概就是这么个意思…

这算是我在 V2EX 的第一次正经提问，还请大家多多关照～

[wolyshaw]

一般自适应都是用媒体查询写的，大致格式可以看下： http://www.ruanyifeng.com/blog/2012/05/responsive_web_design.html

[allenwu]

看 bootstrap 源码

[learnshare]

你这个状态是资料、书看得太少，对基础知识理解不足，所以无法应用。

我的建议是先看几本书，抄抄书上的例子，按自己的想法改改、写写。

然后就去抄页面，参考效果自己写，写不出来再翻翻源代码。

多看，多写。

[Mireas]

其实....应该接点和自己目前水平不相等的任务，人都是被逼出来的...

[zxyy63630]

@wolyshaw 这篇文章看过，但是没有全部看懂。现在正在配合其他内容理解

[zxyy63630]

@allenwu 好的，谢谢！

[zxyy63630]

@learnshare 已经在图书馆借过几本书了，啃的蛮辛苦…

[ChefIsAwesome]

中文资料很少，尽量搜英文的关键词。前端变化快，看书是跟不上的。

[zxyy63630]

@ChefIsAwesome 好的，谢谢！