响应式布局的简单案例

响应式布局

响应式布局在面对不同分辨率设备灵活性强，在平时的网页设计中基本上都要用到响应式布局设计，它给我们提供了良好的用户浏览页面，能带给我们更好的客户体验，下面给大家分享下我做的一个简单的响应式的布局：

不同的页面会适用不同大小浏览器页面，它会随着分辨率的变化而变化。代码展示如下：

1.     
2.     
3.     
4.     
5.     
6.     
7.     
8.     
9. 　　
       
10. 　　　　
    
        
11. 　　    
12. 　　    
13. 　　　　
    
        
14. 　　　　
    
        
15. 　　　　    
16. 　　　　

    THE

        
17. 　　　　

    WEBLOCUE

        
18. 　　　　    
19. 　　　　

    THE

        
20. 　　　　

    WEBLOCUE

        
21. 　　　　    
22. 　　　　

    THE

        
23. 　　　　

    WEBLOCUE

        
24. 　　　　    
25. 　　    
26. 　　    
27. 　　　　

    “Give me problems, give me work.”

        
28. 　　　　

    In the year 1878 I took dogree of Doctor of Medicline of the Unibertive of the London and problems to Netbody to go through the course,In the year 1878 I took dogree of Doctor of Medicline of the Unibertive of the London and problems to Netbody to go through the course,In the year 1878 I took dogree of Doctor of Medicline of the Unibertive of the London and problems to Netbody to go through the course.

        
29. 　　　　

    In the year 1878 I took dogree of Doctor of Medicline of the Unibertive of the London and problems to Netbody to go through the course,In the year 1878 I took dogree of Doctor of Medicline of the Unibertive of the London and problems to Netbody to go through the course,In the year 1878 I took dogree of Doctor of Medicline of the Unibertive of the London and problems to Netbody to go through the course.

        
30. 　　　　
    victors
        
31. 　　　　    
32. 　　　　　　
    
        
33. 　　　　　　

    SETCOME

        
34. 　　　　　　

    HOLEMES

        
35. 　　　　　　
    
        
36. 　　　　　　

    SETCOME

        
37. 　　　　　　

    HOLEMES

        
38. 　　　　　　
    
        
39. 　　　　　　

    SETCOME

        
40. 　　　　　　

    HOLEMES

        
41. 　　　　　　
    
        
42. 　　　　　　

    SETCOME

        
43. 　　　　　　

    HOLEMES

        
44. 　　　　　　
    
        
45. 　　　　　　

    SETCOME

        
46. 　　　　　　

    HOLEMES

        
47. 　　　　　　
    
        
48. 　　　　　　

    SETCOME

        
49. 　　　　　　

    HOLEMES

        
50.