利用flex属性仿做php中文网移动端页面

简易flex布局

• 代码演示：http://www.nflinetech.com/0412/1.html

flex项目中的order属性实战

• 代码演示：http://www.nflinetech.com/0412/demo2.html

pc端通用的参考布局

• 代码演示：http://www.nflinetech.com/0412/pc.html

移动端商城布局参考

• 代码参考：http://www.nflinetech.com/0412/shopping.html

php中文网移动端页面

• 代码参考：http://www.nflinetech.com/0412/study.html

• 效果图：

---

个人总结：

• 通过写这个移动端的代码，我发现了很多问题，虽然是自己敲出来的，但是非常的不熟练，而且脑子里面也没有思路，基本上就是敲一会看一下之前的代码，没有自主能力，花的时间很长效率也很低，感觉写的代码也过于臃肿，以为写了前面的知识至少会自主写代码一些，看来还是敲的代码太少了。